← 返回编辑器 所有教程
EN

如何用 Mermaid 画思维导图

思维导图用于组织思路、展示信息架构、帮助理解复杂概念之间的关系,适合头脑风暴、项目规划、知识管理等场景。Mermaid 使用 mindmap 关键字声明思维导图。

声明图表

使用 mindmap 关键字:

mindmap
    root((中心主题))

在 MermZen 中试试 →

基本结构

创建包含主节点和子节点的思维导图:

mindmap
    root((项目管理))
        计划
            需求分析
            任务分解
            时间安排
        执行
            团队协作
            进度跟踪
            问题解决
        控制
            质量检查
            风险评估
            变更管理
        收尾
            项目验收
            经验总结
            文档归档

在 MermZen 中试试 →

层级结构

支持多层级节点和嵌套结构:

mindmap
    root((软件开发))
        前端开发
            HTML
                语义化标签
                结构优化
            CSS
                响应式设计
                Flex/Grid
            JavaScript
                ES6+
                DOM 操作
        后端开发
            Node.js
                Express
                Koa
            Python
                Django
                Flask
            数据库
                SQL
                NoSQL
        测试
            单元测试
            集成测试
            自动化测试

在 MermZen 中试试 →

完整示例:项目管理思路

mindmap
    root((项目管理思维导图))
        项目启动
            确定目标
                SMART 原则
                成功标准
            利益相关者
                识别
                沟通计划
            章程
                项目范围
                约束条件
        项目规划
            需求分析
                用户需求
                功能需求
            任务分解
                WBS
                依赖关系
            时间管理
                甘特图
                关键路径
            资源规划
                人力资源
                预算
        项目执行
            团队管理
                角色分配
                协作工具
            沟通管理
                会议
                报告
            质量保证
                标准
                检查
        项目监控
            进度控制
                偏差分析
                调整
            风险管理
                识别
                评估
                应对
            变更管理
                请求
                审批
        项目收尾
            验收
                用户验收
                最终交付
            评估
                绩效
                经验教训
            归档
                文档
                知识

在 MermZen 中试试 →

速查表

语法 功能
mindmap 声明思维导图
root((中心主题)) 根节点(中心主题)
子节点 一级子节点
孙子节点 二级子节点(缩进)
曾孙节点 更高级别的子节点
%% 注释 行注释

下一步

掌握思维导图后,可以根据需要继续学习其他 Mermaid 图表类型。


如果您想在 MermZen 中尝试上述代码,可以点击 在线编辑器,然后将代码粘贴进去。