Markdown流程图语法详解

在技术文档、笔记或博客中，使用 Markdown 绘制流程图可以极大提升内容的可读性。目前最主流的方式是通过 Mermaid 语法实现。本文将带你快速掌握 Markdown 中流程图的基本写法。

1. 基本结构

Mermaid 流程图以 graph 开头，后接方向关键字：

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

2. 方向说明

• TD 或 TB：从上到下（Top Down / Top Bottom）
• BT：从下到上
• LR：从左到右（Left Right）
• RL：从右到左

3. 节点类型

Mermaid 支持多种节点样式：

graph LR
    A[矩形节点]
    B((圆形节点))
    C{菱形判断}
    D[[子程序]]
    E>倾斜矩形]
    F{{六边形}}

4. 连接线类型

• -->：带箭头实线
• ---：无箭头实线
• -.->：带箭头虚线
• ==>：粗箭头线（部分平台支持）

5. 添加文字标签

A -->|成功| B
    A -->|失败| C

6. 使用建议

并非所有 Markdown 编辑器都原生支持 Mermaid。推荐在以下环境中使用：

• Typora（需开启 Mermaid 支持）
• Obsidian
• VS Code + Mermaid 插件
• Github（需使用插件或图片形式）
• 支持 Mermaid 的在线文档平台（如语雀、Notion 等）