流程图/图表 · MIT
Mermaid Live Editor
希望图表和代码一起版本管理，而不是只在设计工具里有一份无法 diff 的图片。
本地处理可直接使用宽松许可子应用 noindex
立即使用
功能在 /diagram，独立容器运行，不承担本站 SEO。
功能特点
- flowchart、sequence、Gantt、ER
- 实时预览
- 可复制的 Mermaid 源码
- MIT 许可
隐私与数据处理
图表文本可能包含系统名。不要把内网地址和未公开接口画进要截图外发的图。
使用教程
- 打开编辑器，用 Mermaid 语法描述节点和边。
- 右侧确认预览无误。
- 把源码粘贴回 Markdown 或导出图片。
常见问题
- 语法从哪学？
- 使用 Mermaid 官方文档。主站只提供自托管编辑器入口和中文说明。
- 能替代 Visio 吗？
- 适合结构图和文档图，不适合复杂印刷排版。
相关工具
相关软件
相关资源
VS Code 也可预览 Mermaid。请从官方地址安装编辑器。
开源来源与许可证
本页是 XicoHub 自己的说明与导流，不索引第三方 UI。实际功能来自 mermaid-js/mermaid-live-editor，许可证 MIT。部署是否修改、commit 与镜像 digest 见 /open-source。