Markdown 语法全面测试

基础文本样式

粗体文本斜体文本删除线行内代码
混合样式:粗体与斜体组合删除线内嵌代码

标题层级

三级标题

四级标题

五级标题
六级标题

列表类型

无序列表

  • 基础项
  • 加粗项
  • 嵌套列表
    • 子项
    • [ ] 任务项 (未完成)
    • [x] 任务项 (已完成)

有序列表

  1. 代码项
  2. 斜体项
  3. 多行列表项
    第二行文本(注意缩进对齐)

链接与图片

普通链接
带标题的链接
老婆
空链接
[参考式链接][ref]
[ref]: https://github.com/vuejs

代码块

一般语法

js
export default {
  name: 'MyComponent',
  // ...
}
html
<ul>
  <li v-for="todo in todos" :key="todo.id">
    {{ todo.text }}
  </li>
</ul>

行高亮

js
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
js
export default { // Highlighted
  data () {
    return {
      msg: `Highlighted!
      This line isn't highlighted,
      but this and the next 2 are.`,
      motd: 'VitePress is awesome',
      lorem: 'ipsum'
    }
  }
}

代码聚焦

js
export default {
  data () {
    return {
      msg: 'Focused!'
    }
  }
}
js
export default {
  data () {
    return {
      msg: 'Focused!'
    }
  }
}

diff创建

js
export default {
  data () {
    return {
      msg: 'Removed'
      msg: 'Added'
    }
  }
}

高亮“错误”和“警告”

js
export default {
  data () {
    return {
      msg: 'Error', 
      msg: 'Warning'
    }
  }
}

行号

ts
// 默认禁用行号
const line2 = 'This is line 2'
const line3 = 'This is line 3'
ts
// 启用行号
const line2 = 'This is line 2'
const line3 = 'This is line 3'
ts
// 行号已启用,并从 2 开始
const line3 = 'This is line 3'
const line4 = 'This is line 4'

表格

对齐方式左对齐居中对齐右对齐
示例文本代码1234
合并列\跨列\
行合并跨行 →
^单元格

引用块

标准引用文本

嵌套引用(第二层)

再嵌套嵌套

反复嵌套

引用内的标题

  • 引用内的列表
  • [ ] 任务项

分隔线




扩展语法

自定义容器

INFO

总之是个容器(通常为灰色)C++

TIP

提示型容器(通常为蓝色)Python

WARNING

警告型容器(通常为黄色)JavaScript

DANGER

危险型容器(通常为红色)Ruby

Details

可伸缩容器Go

行内公式

勾股定理:a2+b2=c2
欧拉公式:eiπ+1=0
质能方程:E=mc2
矢量点积:ab=i=1naibi

块级公式

二次方程求根:

x=b±b24ac2a

矩阵运算:

[a11a12a21a22]+[b11b12b21b22]=[a11+b11a12+b12a21+b21a22+b22]

复杂公式

傅里叶变换:

F(ω)=f(t)eiωtdt

麦克斯韦方程组:

E=ρε0B=0×E=Bt×B=μ0J+μ0ε0Et

公式对齐

多行公式对齐:

f(x)=(a+b)2=a2+2ab+b2limx0sinxx=10ex2dx=π2

特殊符号

希腊字母:α,β,γ,Γ,Δ,Ω
运算符:±,,×,÷,,
关系符:,,,,
箭头:,,,
集合:,,,,,,

表情符号

🚀 Vitepress 👍 ⚠️
转义符号:*不是斜体*

脚注示例

特殊字符测试

< > & © ® ™
10 > 5 && 5 < 10
http://example.com/?param=

混合嵌套测试

  1. 列表内组合
    • [x] 任务列表

    列表内的引用

    python
    print("列表内的代码块")
  2. 表格内组合
    斜体代码
    ![小图标](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiM0MmI5ODMiLz48L3N2Zz4=)

超长文本测试

这是一段非常长的文本行,用于测试自动换行和文本溢出处理。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus magna eu urna venenatis, at ultrices nisi rhoncus. Curabitur varius fermentum diam, in faucibus turpis convallis ut. Integer at aliquam urna. Sed ac consequat elit. Donec auctor, nisl eget ultricies tincidunt, nunc nisl aliquam nisl, eget aliquam nisl nisl sit amet nisl. Donec auctor, nisl eget ultricies tincidunt, nunc nisl aliquam nisl, eget aliquam nisl nisl sit amet nisl.