Markdown流程图怎么画

Markdown 本身并不原生支持流程图，但借助 Mermaid 等扩展语法，你可以在支持该语法的编辑器或平台上轻松绘制流程图。

什么是 Mermaid？

Mermaid 是一个基于 JavaScript 的图表生成工具，支持流程图（flowchart）、时序图、甘特图等多种图形。它使用简洁的文本语法定义图形结构，非常适合嵌入 Markdown 文档中。

基本语法示例

以下是一个简单的流程图代码示例：

```mermaid
graph TD
    A[开始] --> B{是否登录?}
    B -- 是 --> C[进入主页]
    B -- 否 --> D[跳转到登录页]
    C --> E[结束]
    D --> E
```

支持 Mermaid 的平台

• Typora：需在偏好设置中启用 Mermaid 支持。
• Obsidian：默认支持 Mermaid 代码块。
• VS Code + 插件：安装如 “Markdown Preview Mermaid Support” 插件即可预览。
• GitHub / GitLab：目前 GitHub 原生不支持 Mermaid 渲染，但可通过第三方工具生成图片后插入；GitLab 部分版本已支持。
• Notion：暂不支持，建议导出为图片后上传。

实用技巧

• 使用 graph TD 表示从上到下流程，graph LR 表示从左到右。
• 节点格式：A[矩形]、B{菱形判断}、C((圆形))。
• 连接线可标注文字：A -- "是" --> B。
• 若平台不支持实时渲染，可使用在线工具（如 mermaid.live）生成 SVG/PNG 图片后插入文档。

总结

虽然标准 Markdown 不支持流程图，但通过 Mermaid 扩展，你可以用纯文本方式高效创建专业流程图。选择合适的编辑器或平台，即可在 Markdown 中实现可视化表达。