跳到主要内容
全部文章
2 分钟阅读461 字

Markdown 语法示例

展示各种 Markdown 语法效果的示例文章。

目录 · 22 节
  1. 文本格式
  2. 标题层级
  3. 三级标题
  4. 列表
  5. 无序列表
  6. 有序列表
  7. 任务列表
  8. 引用
  9. 代码
  10. 行内代码
  11. 代码块
  12. 链接与图片
  13. 链接
  14. 图片
  15. 表格
  16. 分隔线
  17. 其他语法
  18. 行内 HTML
  19. 脚注
  20. 数学公式
  21. Mermaid 图表
  22. 结语

本文展示了支持的 Markdown 语法效果。

文本格式

粗体、斜体、粗斜体、删除线、行内代码

标题层级

三级标题

四级标题

五级标题

列表

无序列表

  • 第一项
  • 第二项
    • 嵌套项
    • 嵌套项
  • 第三项

有序列表

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

任务列表

  • 已完成任务
  • 待完成任务
  • 另一个待办

引用

这是一段引用文本

嵌套引用

支持多行

代码

行内代码

使用 const x = 1; 声明变量

代码块

typescript
function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));
javascript
// 箭头函数示例
const add = (a, b) => a + b;
bash
npm install
npm run dev

链接与图片

链接

访问 Next.js 了解更多。

图片

示例图片

表格

列 1列 2列 3
数据 1数据 2数据 3
数据 4数据 5数据 6
左对齐居中右对齐
内容 1内容 2内容 3
内容 4内容 5内容 6

分隔线

其他语法

行内 HTML

高亮文本

脚注

这里有一个脚注1

数学公式

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

块级公式：

∑i=1ni=n(n+1)2\sum_{i=1}^{n} i = \frac{n(n+1)}{2}

Mermaid 图表

流程图

flowchart TD A[开始] --> B{判断条件} B -->|是| C[执行操作A] B -->|否| D[执行操作B] C --> E[结束] D --> E

时序图

sequenceDiagram participant 用户 participant 系统 participant 数据库 用户->>系统: 发起请求 系统->>数据库: 查询数据 数据库-->>系统: 返回结果 系统-->>用户: 响应数据

甘特图

gantt title 项目进度 dateFormat YYYY-MM-DD section 需求分析 需求调研 :a1, 2025-01-01, 7d 需求文档 :a2, after a1, 5d section 开发 前端开发 :b1, 2025-01-13, 14d 后端开发 :b2, 2025-01-13, 14d section 测试 集成测试 :c1, after b1, 7d 上线部署 :c2, after c1, 2d

结语

以上就是常用的 Markdown 语法示例！

Footnotes

  1. 这是脚注内容 ↩