文档

Mermaid 流程图写法入门

用方框、判断节点与带标签的箭头，画出从上到下或从左到右的流程图；并说明常用形状、箭头样式、subgraph 分组，以及让标签保持可读的写作建议。

							flowchart TD
  A([开始]) --> B{准备好了吗?}
  B -->|否| C[先补材料]
  C --> B
  B -->|是| D[渲染]
  D --> E([完成])

flowchart TD
  A([开始]) --> B{准备好了吗?}
  B -->|否| C[先补材料]
  C --> B
  B -->|是| D[渲染]
  D --> E([完成])

滚轮缩放 · 拖拽平移

流程图描述过程。步骤放在方框里，箭头表示顺序，菱形用来问「是或否」。

先选方向

也可以写 flowchart TB，和 TD 意思相同。

每个节点先写 id，再在括号里写读者看到的文字：

flowchart LR
  A[收集] --> B[审阅]
  B --> C[发布]

A、B、C 是 id。[] 里的文字才是展示内容。要连回某个节点时，复用同一个 id。

不必用全。矩形加一个菱形，就够写多数草稿。

说明文字放在 | 之间：

flowchart TD
  Ask{通过?} -->|是| Ship[发布]
  Ask -->|否| Fix[修改]
  Fix --> Ask

说明要短：是、否、重试。长句子放进方框，不要堆在箭头上。

可选路径用虚线。主路径用粗线，更容易扫读。

图变大时，用 subgraph 包一组：

flowchart TD
  subgraph 准备
    A[起草] --> B[审阅]
  end
  B --> C[发布]

给分组起名，但别嵌套太深。分组一多，图就难扫。