Markdown

标题

Markdown 语法	HTML 标签	说明
#	h1	标题 1
##	h2	标题 2
###	h3	标题 3
####	h4	标题 4
#####	h5	标题 5
######	h6	标题 6

• https://commonmark.org/help/
• https://vitepress.dev/zh/guide/markdown#header-anchors

段落

正文内容 Italic、Bold、
换行

// p、em、strong、br

// 正文内容 *Italic*、**Bold**、\
// 换行

链接

• Front Matter
• Link

// a

// - [Front Matter](/front-matter/front-matter) // 内部链接
// - [Link](http://a.com) // 外部链接

• https://vitepress.dev/zh/guide/markdown#links

图片

// img

// ![Image](/vitepress-logo-large.webp)

• https://vitepress.dev/zh/guide/asset-handling
• https://vitepress.dev/zh/guide/markdown#image-lazy-loading

引用

Blockquote

Nested Blockquote

— Docusaurus

// blockquote

// > Blockquote
// >
// > > Nested Blockquote
// >
// > — Docusaurus

分割线

---

// hr

// ---

代码

内联代码

code

// code

// `code`

代码块

代码块

• https://vitepress.dev/zh/guide/markdown#syntax-highlighting-in-code-blocks

列表

无序列表

• List Item
• List Item

// ul > li

// - List Item
// - List Item

有序列表

1. List Item
2. List Item

// ol > li

// 1. List Item
// 2. List Item

嵌套列表

1. List Item
   • List Item
   • List Item
2. List Item
   • List Item
   • List Item

// ol > li

// 1. List Item
//    - List Item
//    - List Item
// 2. List Item
//    - List Item
//    - List Item

表格

表头1	表头2
单元格1	单元格2
单元格1	单元格2

// table > thead、tbody > tr > th、td

// 表头1 | 表头2
// ---|---
// 单元格1 | 单元格2

GitHub 风格的表格

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

// table > thead、tbody > tr > th、td

// | Tables        |      Are      |  Cool |
// | ------------- | :-----------: | ----: |
// | col 3 is      | right-aligned | $1600 |
// | col 2 is      |   centered    |   $12 |
// | zebra stripes |   are neat    |    $1 |

• https://vitepress.dev/zh/guide/markdown