Markdown + Mermaid：用文本画流程图，告别 Visio
运营人最讨厌的几件事里，"画流程图"绝对排前三。不是流程图本身难画，而是画图的工具太烦人了。打开 Visio——新建文件——选模板——拖形状——连线条——调对齐——改颜色——保存——发给别人——对方打不开。而且 Visio 的免费功能极其有限，正版一年大几百块钱，就为了画几张流程图，性价比低得离谱。
后来我学会了一个组合拳：Markdown + Mermaid。用纯文本写流程图，这段文本会自动渲染成一张漂亮的图表。你说它神奇吗？其实不神奇，就是把你"在画板上拖形状"的动作变成了"写文字描述"。但正是这个变化，让流程图的制作效率提升了 5 倍以上。
Mermaid 是什么？别被名字吓到
Mermaid（中文：美人鱼）是一个基于文本的图表生成工具。它用一段特定的语法描述图表的形状、连接线和文字，然后自动渲染成图表。支持的图表类型包括：流程图（最常用）、时序图、甘特图、类图、状态图、饼图、象限图等。
对运营人来说，最常用的是流程图和甘特图。而且你不需要记住 Mermaid 的所有语法——只要记住，流程图的套路就是"节点定义 + 节点连线"。会用这两种，就能应付 90% 的场景。
基础语法篇：10 分钟学会画流程图
先看一个最简单的例子。假设你要描述采购流程中的"下单→确认→发货→收货→付款"这五个步骤，用 Mermaid 写出来是这样的：
graph LR
渲染出来就是一张从左到右排列的线性流程图。解释一下语法：graph LR 表示"从左到右的有向图"，LR 是 Left-to-Right 的缩写。每一行 "A[下单] --> B[确认]" 表示从 A 指向 B 的箭头。中括号里的文字是节点的显示内容。
如果你想调整方向，把 LR 改成 TB（Top-to-Bottom，从上到下）或 RL（从右到左）或 BT（从下到上）。不同的方向适合不同的场景：流程图通常用 TB 或 LR，时间线通常用 LR。
如果你需要加判断分支（条件/决策节点），用大括号 {} 表示：
graph TB
大括号创建的是菱形判断节点，竖线 |是| 和 |否| 标注的是分支条件。这个用法在做供应链流程优化时格外有用——每一次分支都意味着一个流程优化的潜在点：为什么库存不够？能不能优化预测减少这种情况？
进阶技巧：用子图模块化复杂流程
供应链的流程往往不是一条直线，而是跨部门、跨系统的网络。Mermaid 的"子图"（subgraph）功能可以把相关步骤打包在一个框里，让流程图更清晰。
graph TB
这个写法清晰地展示了三个部门的职责和交接点。做流程复盘时，子图帮你一眼看出"瓶颈在哪个部门"——比如箭头 D→E 如果经常拥堵，说明仓储到财务的信息传递需要优化。
甘特图：项目管理的一把好手
除了流程图，Mermaid 的甘特图也很实用。做运营的人一定深有体会：每个项目都需要排期、跟踪进度、向领导汇报进展。传统的甘特图工具要么收费（Microsoft Project），要么功能太简单。Mermaid 的甘特图用文本就能定义任务、时间、依赖关系：
gantt
这个甘特图自动渲染出三个并行部分：采购、生产、物流，每个部分的任务按时间轴排列，不同部分通过 after 关键字建立依赖关系。修改任务的时间或依赖只需要改文本，不需要拖拽调整。这在项目计划频繁变动的环境中尤其有用。
Mermaid 的渲染方式：支持的地方比你想的多
学完 Mermaid 语法后，你只需要一个能渲染它的地方。好消息是：支持的地方比你想象的多得多。
飞书文档：飞书已经原生支持 Mermaid 代码块。在文档中输入 "/mermaid"，选择"Mermaid 图表"，把上面那段语法贴进去，立刻渲染。团队协作时，每个人看到的都是渲染好的图表。
Obsidian：Obsidian 原生支持 Mermaid 渲染。在笔记中用三个反引号包裹 mermaid 代码块，阅读模式下自动显示为图表。这也是我推荐 Obsidian + Mermaid 组合的原因——你的笔记里可以直接嵌入流程图，知识库既包含文字又包含图表。
GitHub/Markdown：GitHub 的 Markdown 渲染器也支持 Mermaid。把 .md 文件推送到仓库里，在 GitHub 上浏览时自动渲染图表。如果你在写项目的技术文档或 SOP（标准操作程序），这个功能非常实用。
在线编辑器：即使你用的工具不支持 Mermaid，也可以访问 mermaid.live 这个在线编辑器，把语法贴进去，导出 PNG/SVG 图片，然后插入到任何文档中。
从 Visio 到 Mermaid：不能只讲好处，也说说缺点
客观地说，Mermaid 不是 Visio 的完美替代品。以下场景我建议还是用传统工具：复杂架构图（比如数据中心网络拓扑图）、需要精细控制图形样式（每个节点的颜色、阴影、渐变都不同）、需要协作手绘（多人同时编辑一张图）。
但在 80% 的日常场景中——流程图、甘特图、简单的时序图——Mermaid 的效率和可维护性远超 Visio。特别是当你需要频繁修改流程图时（运营流程本来就经常变化），改一行文字比重新拖拽一个形状快了不止十倍。
最后分享一个我的工作习惯：每一个 SOP 文档里的流程图，我都用 Mermaid 来写，直接放在 Markdown 版本的 SOP 中。当流程发生变化时，打开文档、找到 Mermaid 代码块、修改几行文字、保存——流程图就更新了。不需要打开 Visio、不需要调整布局、不需要担心对齐和字体。这就是文本化图表的最大价值：流程图不再是"死图片"，而是"活的文档"的一部分。
如果你之前没接触过 Markdown，也不用担心。它的语法比 Word 的样式设置简单 10 倍——# 是一级标题，**文字**是加粗，- 是无序列表。花 15 分钟学一遍基础语法，你就可以开始用 Markdown + Mermaid 的组合了。下一篇我会专门写一篇 Markdown 基础教程，欢迎关注。
