以下是一个全面的 Markdown 效果展示。为了让您既能看到渲染后的效果,又能知道如何编写,我在每个小节都提供了效果演示和对应的语法说明。

在文档的最后,我还提供了一个完整的 Markdown 源码块,方便您一键复制和学习。


📚 Markdown 全面效果展示

1. 标题 (Headers)

Markdown 支持 6 级标题,使用 # 的数量来表示级别。

一级标题 (H1)

二级标题 (H2)

三级标题 (H3)

四级标题 (H4)

五级标题 (H5)
六级标题 (H6)

语法: # 一级标题, ## 二级标题 … ###### 六级标题


2. 文本格式化 (Text Formatting)

您可以对文本进行各种格式化操作:

  • 这是粗体文本
  • 这是斜体文本
  • 这是粗斜体文本
  • 这是删除线文本
  • 这是行内代码
  • 这是下划线(使用 HTML 标签)
  • 这是高亮文本(部分编辑器支持)

语法: **粗体**, *斜体*, ***粗斜体***, ~~删除线~~, `行内代码`, <u>下划线</u>, ==高亮==


3. 列表 (Lists)

无序列表

  • 苹果
  • 香蕉
    • 嵌套的香蕉品种 1
    • 嵌套的香蕉品种 2
  • 橘子

有序列表

  1. 第一步:打开编辑器
  2. 第二步:输入 Markdown 语法
  3. 第三步:导出为 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");

语法: 行内代码用 ` 包裹;代码块用 ```语言名 开始,用 ``` 结束。


语法: 链接 [文本](URL "标题");图片 ![替代文本](图片URL)。


7. 表格 (Tables)

左对齐 (Left)居中对齐 (Center)右对齐 (Right)默认对齐 (Default)
单元格 1单元格 2单元格 3单元格 4
粗体斜体代码删除
长文本会自动换行或截断,取决于渲染器数据100200

语法: 使用 | 分隔列,使用 - 分隔表头。:--- 左对齐,:---: 居中,---: 右对齐。


8. 分割线 (Horizontal Rules)

可以在行中使用三个或更多的 -、* 或 _ 来创建分割线:


9. 高级扩展语法 (Extended Syntax)

(注:以下功能需要 Markdown 渲染器支持,如 Typora, Obsidian, GitHub, Notion 等)

📌 脚注 (Footnotes)

这是一个带有脚注的句子,请看这里1。另一个脚注示例2。

📐 数学公式 (Math / KaTeX)

行内公式:质能方程 E=mc2E = mc^2 是一个著名的公式。

块级公式:

∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

📊 图表 (Mermaid Diagrams)

graph TD
    A[开始] --> B{是否理解 Markdown?}
    B -->|是| C[开始高效写作]
    B -->|否| D[反复阅读此示例]
    D --> B
    C --> E[结束]

图表 (Mermaid Diagrams)

😀 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/400/200)
- **图片作为链接**: [![小图](https://picsum.photos/100/50)](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 表情

🎉 🚀 💡 ✅ ❌

您可以直接复制上面的代码块到您的编辑器中(确保开启了相应的扩展支持)查看效果。

Footnotes

  1. 这是第一个脚注的具体内容,通常显示在页面底部。 ↩

  2. 这是第二个脚注,支持格式化和 代码。 ↩