不必从空白编辑器开始。mermaid.design 内置了现成的图表模板库——打开一个,改改代码,就变成你自己的了。
打开模板库
点击导航栏中的 Templates,打开当前渲染模式对应的模板库:
/templates——用 Official(SVG)引擎和你的当前主题渲染的模板/ascii/templates——同样的模板,以 ASCII 字符画渲染
每张模板卡片都用你当前的主题实时渲染,所见即所得。
查找模板
模板库包含流程图、时序图、类图、状态图、ER 图、甘特图、饼图、Git 图、思维导图、用户旅程图等。
使用顶部的类型筛选标签缩小范围。如果某个模板不被当前渲染模式支持(例如部分图表类型暂时无法渲染为 ASCII),它会被自动隐藏,并有提示说明过滤掉了多少个模板。
应用模板
- 点击模板卡片。
- 确认覆盖对话框——应用模板会替换编辑器中当前的代码,且无法撤销。
- 回到编辑器,模板代码已加载并渲染完成。
在模板库中点击导航栏的 Editor 可以不应用任何模板直接返回编辑器。
小技巧
- 先应用模板,再切换主题——模板会立即套用你的主题变量。
- 模板是学习 Mermaid 语法的好材料:打开一个,改改代码,看预览变化。