Markdown 语法渲染测试#

这是一份用于测试 Markdown 渲染效果的示例文档。

1. 标题#

H1 一级标题#

H2 二级标题#

H3 三级标题#

H4 四级标题#

H5 五级标题#

H6 六级标题#

2. 文本样式#

普通文本

加粗文本

斜体文本

加粗斜体文本

~~删除线文本~~

行内代码

引用文本

嵌套引用

3. 列表#

无序列表#

项目一
项目二
- 子项目 A
- 子项目 B
项目三

有序列表#

第一项
第二项
1. 子项一
2. 子项二
第三项

任务列表#

已完成任务
未完成任务
待办事项

4. 代码#

行内代码：console.log("Hello, World!")

代码块：

1
function greet(name) {
2
  console.log(`Hello, ${name}!`);
3
}
4

5
greet("Markdown");

1
def add(a, b):
2
    return a + b
3

4
print(add(1, 2))

5. 表格#

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

对齐方式：

左对齐	居中对齐	右对齐
A	B	C
1	2	3

6. 链接与图片#

OpenAI

https://www.example.com

7. 分隔线#

8. 转义字符#

*这不是斜体*

`这不是代码`

9. HTML 标签#

点击展开

这里是折叠内容。

Ctrl + C

10. 脚注#

这是一个带脚注的句子¹。

11. 数学公式（部分渲染器支持）#

行内公式： $E = mc^2$

块级公式：

\int_{a}^{b} f(x)\,dx

12. 流程图#

Mermaid 流程图#

flowchart TD
    A[开始] --> B{是否登录?}
    B -- 是 --> C[进入主页]
    B -- 否 --> D[跳转登录页]
    D --> E[输入账号密码]
    E --> F{验证通过?}
    F -- 是 --> C
    F -- 否 --> G[提示错误]
    G --> E
    C --> H[结束]

Mermaid 时序图#

sequenceDiagram
    participant 用户
    participant 前端
    participant 后端
    participant 数据库

    用户->>前端: 提交登录表单
    前端->>后端: POST /api/login
    后端->>数据库: 查询用户信息
    数据库-->>后端: 返回用户数据
    后端-->>前端: 返回 Token
    前端-->>用户: 登录成功，跳转主页

Mermaid 甘特图#

gantt
    title 项目开发计划
    dateFormat  YYYY-MM-DD
    section 设计阶段
    需求分析       :a1, 2024-01-01, 7d
    原型设计       :a2, after a1, 5d
    section 开发阶段
    前端开发       :b1, after a2, 10d
    后端开发       :b2, after a2, 12d
    section 测试阶段
    联调测试       :c1, after b2, 5d
    上线部署       :c2, after c1, 3d

纯文本 ASCII 流程图#

1
┌─────────┐     ┌─────────┐     ┌─────────┐
2
│  开始   │────▶│  处理   │────▶│  结束   │
3
└─────────┘     └─────────┘     └─────────┘

13. 引用代码与混合内容#

注意：这是一段引用中的加粗文本。
1
const x = 1;

测试结束，感谢阅读！

这是脚注的内容。 ↩

LiangのBlog

Markdown 语法渲染测试#

1. 标题#

H1 一级标题#

H2 二级标题#

H3 三级标题#

H4 四级标题#

H5 五级标题#

H6 六级标题#

2. 文本样式#

3. 列表#

无序列表#

有序列表#

任务列表#

4. 代码#

5. 表格#

6. 链接与图片#

7. 分隔线#

8. 转义字符#

9. HTML 标签#

10. 脚注#

11. 数学公式（部分渲染器支持）#

12. 流程图#

Mermaid 流程图#

Mermaid 时序图#

Mermaid 甘特图#

纯文本 ASCII 流程图#

13. 引用代码与混合内容#

继续阅读

换条路线

LiangのBlog

Markdown 语法渲染测试#

1. 标题#

H1 一级标题#

H2 二级标题#

H3 三级标题#

H4 四级标题#

H5 五级标题#

H6 六级标题#

2. 文本样式#

3. 列表#

无序列表#

有序列表#

任务列表#

4. 代码#

5. 表格#

6. 链接与图片#

7. 分隔线#

8. 转义字符#

9. HTML 标签#

10. 脚注#

11. 数学公式（部分渲染器支持）#

12. 流程图#

Mermaid 流程图#

Mermaid 时序图#

Mermaid 甘特图#

纯文本 ASCII 流程图#

13. 引用代码与混合内容#

Footnotes#

分享文章

沿着主题读

换条路线