常用MarkDown示例

VitePressMd扩展

跳转

标题

语法

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

段落

语法

常规 
*斜体*  
_倾斜体_  
**加粗**  
***倾斜+加粗***  
~~删除线~~   
~~***斜体+加粗+删除线***~~

效果

常规 斜体
倾斜体
加粗
倾斜+加粗
删除线
斜体+加粗+删除线

列表

语法

- 列表项一
- 列表项二
    - 子列表项一
    - 子列表项二
- 列表项三

1. 列表项一
2. 列表项二
    1. 子列表项一
    2. 子列表项二
3. 列表项三

效果

• 列表项一
• 列表项二
  • 子列表项一
  • 子列表项二
• 列表项三

1. 列表项一
2. 列表项二
   1. 子列表项一
   2. 子列表项二
3. 列表项三

代码

语法

#### 行内代码  
这是一行`code`  
#### 行代码 
``printf("hello world");``  markdown语法  
<code>printf("hello world");</code>  HTML语法  

#### 代码块 
```html
<ul>
  <li v-for="todo in todos" :key="todo.id">
    {{ todo.text }}
  </li>
</ul>  
    ```

效果

行内代码

这是一行code

行代码

printf("hello world"); markdown语法
printf("hello world"); HTML语法

代码块

<ul>
  <li v-for="todo in todos" :key="todo.id">
    {{ todo.text }}
  </li>
</ul>

分割线

语法

---

效果

---

链接

语法

这是一个链接 [Markdown语法](https://markdown.com.cn "最好的markdown教程")  
这是一个代码链接 [`code`](https://www.markdownguide.org)

效果

这是一个链接 Markdown语法
这是一个代码链接 code

图片

语法

#### 图片
![图片alt](/favicon.svg "Magic Gardens")
#### 图片链接
[![图片链接alt](/favicon.svg "Magic Gardens")](https://markdown.com.cn/)

效果

图片

图片链接

引用

语法

> 引用内容。
>> 嵌套 
>>>>>> 深层嵌套 

>>>**加粗的引用**  

>普通的引用

效果

引用内容。

嵌套

深层嵌套

加粗的引用

普通的引用

锚点

语法

点击跳转到[标题](#标题)

效果

点击跳转到标题

表格

语法

姓名|学号|分数
-|-|-
孙悟空|2021|95
猪八戒|2022|96

效果

姓名	学号	分数
孙悟空	2021	95
猪八戒	2022	96