用途:帮助用 Mermaid 文本语法创建软件图表,把图表以文本定义保存并随代码维护,适合设计、文档、评审和团队沟通。\n\n主要能力:覆盖类图(领域建模、OOP 设计、实体关系)、时序图(API 请求/响应、认证流程、组件交互)、流程图(流程、算法、决策树)、ER 图(数据库模式)、C4 图(系统上下文、容器、组件)、状态图、Git 图、甘特图及饼/柱状图。所有图表遵循「首行声明类型、其后为定义内容」的结构,%% 表示注释。\n\n使用方式:先选图表类型,再写定义。类图示例:classDiagram 后接 Title -- Genre 等关系;时序图示例:sequenceDiagram 后接 User->>API: POST /login;流程图示例:flowchart TD 后接 Start([User visits site]) --> Auth{Authenticated?};ER 图示例:erDiagram 后接 USER ||--o{ ORDER : places。可用 frontmatter 配置主题与布局,主题含 default、forest、dark、neutral、base,布局含 dagre 与 elk,外观含 classic 与 handDrawn。渲染可在 GitHub/GitLab、VS Code、Notion、Obsidian、Confluence 中完成;导出可用 Mermaid Live Editor,或安装 Mermaid CLI:npm install -g @mermaid-js/mermaid-cli,然后运行 mmdc -i input.mmd -o output.png,也可用 Docker 运行 minlag/mermaid-cli。\n\n限制与注意:未知词会中断图表,参数错误可能静默失败;注释中避免 {},特殊字符需正确转义;复杂图应拆分为多个聚焦视图。资料未提供具体价格与平台支持细节。
mermaid-diagrams
办公与效率
更新于 10-15 20:21