以下是一个全面的 Markdown 效果展示。为了让您既能看到渲染后的效果,又能知道如何编写,我在每个小节都提供了效果演示和对应的语法说明。
在文档的最后,我还提供了一个完整的 Markdown 源码块,方便您一键复制和学习。
📚 Markdown 全面效果展示
1. 标题 (Headers)
Markdown 支持 6 级标题,使用 # 的数量来表示级别。
一级标题 (H1)
二级标题 (H2)
三级标题 (H3)
四级标题 (H4)
五级标题 (H5)
六级标题 (H6)
语法:
# 一级标题,## 二级标题…###### 六级标题
2. 文本格式化 (Text Formatting)
您可以对文本进行各种格式化操作:
- 这是粗体文本
- 这是斜体文本
- 这是粗斜体文本
这是删除线文本这是行内代码- 这是下划线(使用 HTML 标签)
- 这是高亮文本(部分编辑器支持)
语法:
**粗体**,*斜体*,***粗斜体***,~~删除线~~,`行内代码`,<u>下划线</u>,==高亮==
3. 列表 (Lists)
无序列表
- 苹果
- 香蕉
- 嵌套的香蕉品种 1
- 嵌套的香蕉品种 2
- 橘子
有序列表
- 第一步:打开编辑器
- 第二步:输入 Markdown 语法
- 第三步:导出为 HTML 或 PDF
任务列表 (Task Lists)
- 已经完成的 task
- 尚未完成的 task
- 另一个待办事项
语法: 使用
-或*表示无序列表;使用1.2.表示有序列表;使用- [x]和- [ ]表示任务列表。缩进 2 或 4 个空格可实现嵌套。
4. 引用 (Blockquotes)
这是一段普通的引用。 它可以跨越多行。
这是嵌套的引用。 就像俄罗斯套娃一样。
引用中也可以包含其他元素,比如:
- 列表项
行内代码- 粗体文字
语法: 在段落开头使用
>符号。
5. 代码块 (Code Blocks)
行内代码使用反引号:console.log("Hello World");
多行代码块使用三个反引号,并可以指定语言以实现语法高亮:
def fibonacci(n):
"""计算斐波那契数列"""
if n <= 1:
return n
else:
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
// JavaScript 示例
const greet = (name) => {
console.log(`Hello, ${name}!`);
};
greet("Markdown");
语法: 行内代码用
`包裹;代码块用```语言名开始,用```结束。
6. 链接与图片 (Links & Images)
语法: 链接
[文本](URL "标题");图片。
7. 表格 (Tables)
| 左对齐 (Left) | 居中对齐 (Center) | 右对齐 (Right) | 默认对齐 (Default) |
|---|---|---|---|
| 单元格 1 | 单元格 2 | 单元格 3 | 单元格 4 |
| 粗体 | 斜体 | 代码 | |
| 长文本会自动换行或截断,取决于渲染器 | 数据 | 100 | 200 |
语法: 使用
|分隔列,使用-分隔表头。:---左对齐,:---:居中,---:右对齐。
8. 分割线 (Horizontal Rules)
可以在行中使用三个或更多的 -、* 或 _ 来创建分割线:
9. 高级扩展语法 (Extended Syntax)
(注:以下功能需要 Markdown 渲染器支持,如 Typora, Obsidian, GitHub, Notion 等)
📌 脚注 (Footnotes)
📐 数学公式 (Math / KaTeX)
行内公式:质能方程 是一个著名的公式。
块级公式:
📊 图表 (Mermaid Diagrams)
graph TD
A[开始] --> B{是否理解 Markdown?}
B -->|是| C[开始高效写作]
B -->|否| D[反复阅读此示例]
D --> B
C --> E[结束]

😀 Emoji 表情
支持直接使用 Unicode Emoji 或简写代码(取决于渲染器):
🎉 🚀 💡 ✅ ❌
语法示例::rocket: :smile: :+1:
📥 附录:完整 Markdown 源码
您可以点击代码块右上角的“复制”按钮,将以下完整源码复制到您的 Markdown 编辑器中进行测试和修改。
# 📚 Markdown 全面效果展示
## 1. 标题 (Headers)
# 一级标题 (H1)
## 二级标题 (H2)
### 三级标题 (H3)
#### 四级标题 (H4)
##### 五级标题 (H5)
###### 六级标题 (H6)
---
## 2. 文本格式化 (Text Formatting)
- **这是粗体文本**
- _这是斜体文本_
- _**这是粗斜体文本**_
- ~~这是删除线文本~~
- `这是行内代码`
- <u>这是下划线(使用 HTML 标签)</u>
- ==这是高亮文本(部分编辑器支持)==
---
## 3. 列表 (Lists)
### 无序列表
- 苹果
- 香蕉
- 嵌套的香蕉品种 1
- 嵌套的香蕉品种 2
- 橘子
### 有序列表
1. 第一步:打开编辑器
2. 第二步:输入 Markdown 语法
3. 第三步:导出为 HTML 或 PDF
### 任务列表 (Task Lists)
- [x] 已经完成的 task
- [ ] 尚未完成的 task
- [ ] 另一个待办事项
---
## 4. 引用 (Blockquotes)
> 这是一段普通的引用。
> 它可以跨越多行。
>
> > 这是嵌套的引用。
> > 就像俄罗斯套娃一样。
>
> **引用中也可以包含其他元素**,比如:
>
> - 列表项
> - `行内代码`
> - **粗体文字**
---
## 5. 代码块 (Code Blocks)
行内代码使用反引号:`console.log("Hello World");`
多行代码块使用三个反引号,并可以指定语言以实现**语法高亮**:
```python
def fibonacci(n):
if n <= 1:
return n
else:
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
```
---
## 6. 链接与图片 (Links & Images)
- **普通链接**: [访问 GitHub](https://github.com)
- **带标题的链接**: [访问 Google](https://google.com "点击跳转到 Google")
- **图片**:

- **图片作为链接**: [](https://picsum.photos)
---
## 7. 表格 (Tables)
| 左对齐 (Left) | 居中对齐 (Center) | 右对齐 (Right) | 默认对齐 (Default) |
| :------------ | :---------------: | -------------: | ------------------ |
| 单元格 1 | 单元格 2 | 单元格 3 | 单元格 4 |
| **粗体** | _斜体_ | `代码` | ~~删除~~ |
---
## 8. 分割线 (Horizontal Rules)
---
---
## 9. 高级扩展语法 (Extended Syntax)
### 📌 脚注 (Footnotes)
这是一个带有脚注的句子,请看这里[^1]。
[^1]: 这是第一个脚注的具体内容,通常显示在页面底部。
### 📐 数学公式 (Math / KaTeX)
行内公式:质能方程 $E = mc^2$ 是一个著名的公式。
块级公式:
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
### 📊 图表 (Mermaid Diagrams)
```mermaid
graph TD
A[开始] --> B{是否理解 Markdown?}
B -->|是| C[开始高效写作]
B -->|否| D[反复阅读此示例]
D --> B
C --> E[结束]
```
### 😀 Emoji 表情
🎉 🚀 💡 ✅ ❌
您可以直接复制上面的代码块到您的编辑器中(确保开启了相应的扩展支持)查看效果。
