📐 Mermaid 在线编辑器

适用场景

• 写技术文档 / README 时快速画架构图、时序图
• 产品评审：状态流转、用户路径可视化
• 数据库设计：ER 图梳理实体关系
• 导出 SVG/PNG 贴进 PPT、飞书、Notion、博客

常用语法速查

• 流程图：以 flowchart TD / LR 开头，用 A --> B、A -->|标签| B 连线
• 时序图：sequenceDiagram + A->>B: 消息
• 类图：classDiagram + class Foo { +method() }
• 状态图：stateDiagram-v2 + [*] --> State
• ER 图：erDiagram + USER ||--o{ ORDER : places

快捷键

• Tab / Shift+Tab：缩进 / 反缩进
• Ctrl（Mac 为 ⌘）+ Enter：立即渲染

与思维导图的区别

需要大纲脑图请用 Markdown 思维导图；需要标准流程图 / 时序图 / 类图请用本页 Mermaid 编辑器。数据图表可用 图表生成器，Git 流程演示见 Git 可视化沙盘。

隐私与说明

渲染在浏览器本地完成，源码与导出图片不会上传到本站服务器（详见 隐私说明）。草稿保存在本机 localStorage，清除站点数据后会丢失。导入 .mmd 仅在本机读取，不会外传。