跳到主要内容

Markdown 速查表

本页面展示 Markdown 语法及其渲染效果。

标题​

Markdown 代码:

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

渲染效果:

一级标题

二级标题​

三级标题​

四级标题​

五级标题​
六级标题​

强调​

Markdown 代码:

*斜体文本* 或 _斜体文本_
**粗体文本** 或 __粗体文本__
***粗斜体文本*** 或 ___粗斜体文本___
~~删除线文本~~

渲染效果: 斜体文本 或 斜体文本 粗体文本 或 粗体文本 粗斜体文本 或 粗斜体文本 删除线文本

列表​

无序列表​

Markdown 代码:

- 项目1
- 项目2
  - 子项目2.1
  - 子项目2.2
* 项目3
+ 项目4

渲染效果:

  • 项目1
  • 项目2
    • 子项目2.1
    • 子项目2.2
  • 项目3
  • 项目4

有序列表​

Markdown 代码:

1. 第一项
2. 第二项
   1. 子项2.1
   2. 子项2.2
3. 第三项

渲染效果:

  1. 第一项
  2. 第二项
    1. 子项2.1
    2. 子项2.2
  3. 第三项

链接与图片​

链接​

Markdown 代码:

[链接文字](https://example.com)
[带标题的链接](https://example.com "悬停显示的标题")

渲染效果: 链接文字 带标题的链接

图片​

Markdown 代码:

![替代文字](https://via.placeholder.com/150)
![替代文字](https://via.placeholder.com/150 "图片标题")

渲染效果: 替代文字 替代文字

引用​

Markdown 代码:

> 这是一段引用文字
> 可以有多行

>> 嵌套引用

渲染效果:

这是一段引用文字 可以有多行

嵌套引用

代码​

行内代码​

Markdown 代码:

使用 `code` 标记行内代码

渲染效果: 使用 code 标记行内代码

代码块​

Markdown 代码:

```javascript
function hello() {
  console.log("Hello, World!");
}

**渲染效果:**
```javascript
function hello() {
  console.log("Hello, World!");
}

表格​

Markdown 代码:

| 姓名 | 年龄 | 城市 |
|------|------|------|
| 张三 | 25 | 北京 |
| 李四 | 30 | 上海 |
| 王五 | 28 | 广州 |

渲染效果:

姓名年龄城市
张三25北京
李四30上海
王五28广州

分割线​

Markdown 代码:

---
***
___

渲染效果:​

任务列表​

Markdown 代码:

- [x] 已完成任务
- [ ] 未完成任务
- [ ] 另一个未完成任务

渲染效果:

  • 已完成任务
  • 未完成任务
  • 另一个未完成任务

脚注​

Markdown 代码:

这是一段带有脚注的文字[^1]。

[^1]: 这是脚注的内容。

渲染效果: 这是一段带有脚注的文字1。

Footnotes​

  1. 这是脚注的内容。 ↩