Mermaid 思维导图语法概览

概述

思维导图是 Mermaid 中一个实验性的图表类型,用于以层级结构可视化地组织信息。除了图标集成部分仍处于实验阶段外,其语法是稳定的。

语法规则

  • 缩进定义了层级关系。
  • 同一级别的节点必须具有相同的缩进。
  • 不清晰的缩进将被视为与前一个节点属于同一父级。

示例

mindmap
  root((思维导图))
    起源
      历史悠久
      ::icon(fa fa-book)
      普及
        英国流行心理学作家 东尼·博赞
    研究
      关于有效性<br/>和特性
      关于自动创建
        用途
          创意技巧
          战略规划
          论证地图
    工具
      纸和笔
      Mermaid

形状

  • 方形: id[我是方形]
  • 圆角方形: id(我是圆角方形)
  • 圆形: id((我是圆形))
  • 感叹号形状: id))我是感叹号(('
  • 云朵形状: id)我是云朵(
  • 六边形: id{{我是六边形}}
  • 默认形状: 我是默认形状

图标

使用 ::icon(图标字体名称 图标类名) 来添加图标。例如: ::icon(fa fa-book)

使用 :::类名 来应用 CSS 类。例如: :::urgent large

Markdown 字符串

节点内支持 Markdown 格式:

id1["`**根节点**,\n第二行文字\n也支持 Unicode: 🤓`"]
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐