# Mermaid 思维导图速查表

一份会变成树的文本大纲，不用写一根箭头。

## 缩进就是层级

只有相对于上一行的深度有意义。四个空格和一个制表符都行。

```mermaid
mindmap
  Root
    Branch A
      Leaf A1
      Leaf A2
    Branch B
      Leaf B1
```

![一张思维导图树，有一个根、两个分支，每个分支下各有一个叶子。](/diagrams/mindmap/indentation.svg)

## 节点形状

和流程图同样的方括号思路：方形、圆角、圆形和横幅形。

```mermaid
mindmap
  Root
    id1[Square]
    id2(Rounded)
    id3((Circle))
    id4)Banner(
```

![一张思维导图，根下面有四个子节点，分别画成方形、圆角框、圆形和横幅形。](/diagrams/mindmap/shapes.svg)

## Markdown 标签

标签外面加反引号就能用加粗、斜体和代码样式，文字也会自己换行。

```mermaid
mindmap
  id1["`**Bold** root`"]
    id2["`The dog in **the** hog`"]
    id3[Plain label]
```

![一张思维导图，根节点的标签是加粗的，下面有两个子节点，其中一个也有一部分加粗。](/diagrams/mindmap/markdown.svg)

## 只算相对于上一行的深度

下面的缩进故意是不齐的。B 是 A 的子节点，C 是 B 的兄弟节点。

```mermaid
mindmap
Root
    A
        B
      C
```

![一张思维导图，根有一个子节点，那个子节点有一个自己的子节点，另外还有一个同级的子节点。](/diagrams/mindmap/relative-indent.svg)

## 在 Mernyx 里画出来

打开一个 .mmd 文件，在画布上挪一个节点，源码跟着走。macOS 原生，不经过浏览器。