📈
Mermaid 图表语法
流程图、时序图、甘特图等 Mermaid 常用语法速查，在文档里画图。
本地处理 · 不上传
加载工具中…
相关：Mermaid · 流程图 · 时序图 · 甘特图 · Markdown 画图
流程图、时序图、甘特图等 Mermaid 常用语法速查，在文档里画图。它用纯文本描述图表，因而可以随代码一起提交进版本库并追踪变更。
使用步骤
- 先确定要画流程图、时序图还是甘特图
- 对照该图类型的起始声明与节点语法
- 注意节点文本里的特殊字符需要用引号包裹
- 写完在目标平台预览，各渲染器支持的版本不同
使用场景
- 在文档中绘制流程图
- 编写时序图与甘特图
- 版本化管理图表
- 查阅语法写法
小贴士
- 在 Markdown 中用 mermaid 代码块包裹即可渲染，GitHub 与多数文档平台已原生支持。
- 图表以文本形式存在，可以随代码一起进版本库并做 diff，这是它相比截图与二进制图源文件的核心优势。
- 节点文本中包含特殊字符（括号、引号）时需要用引号包裹，否则会导致语法解析失败。
常见问题
为什么用它而不是画图工具？
因为它是纯文本，可以随代码提交进版本库、在代码评审中看出改了什么、也不会因为找不到源文件而无法修改。代价是精细的排版控制不如专业绘图工具。
图渲染不出来怎么办？
多半是语法错误。常见原因是节点文本含未转义的特殊字符、或箭头语法写错。可以先用在线编辑器逐段验证，定位到出问题的那一行。
哪些平台支持？
越来越多的文档平台与代码托管服务原生支持，在代码块中标注 mermaid 即可渲染。不支持的环境可以用工具预先渲染成图片再嵌入。
Mermaid 图表语法是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用Mermaid 图表语法，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。