思维导图是使用一个中央关键词或想法引起形象化的构造和分类的想法。它用一个中央关键词或想法以辐射线形连接所有的代表字词、想法、任务或其它关联项目的图解方式。
关键字mindmap
注意
笔者使用的mermaid为10.3.0,当前mindmap还是实验性图,可能将来会改变语法或者配置
基本语法
- 只能有一个根节点
- 层级与层级之间需要有空格区分上下级
- 若相同层级前置空格数量不一致,会被mermaid处理成相同层级
mermaid 1 2 3 4 5 6 7 8 9 10 11 |
节点形状
| 语法 | 效果 |
|---|---|
| [默认形状矩形] | |
| (圆边) | |
| ((圆)) | |
| )云( | |
| ))碰撞(( | |
| {{六边形}} |
图标
图标支持Font Awesome、Material Design
mermaid 1 2 3 4 5 6 7 |
内嵌markdown语法
在双引号中加反引号字符串就可以表示为markdown语法,只支持加粗和斜体
mermaid 1 2 3 4 5 6 7 8 9 |
完整示例
mindmap
root((MindMap)
Origins
1)Long history(
::icon(fa fa-book)
2(Popularisation)
a["`British popular
psychology author
Tony Buzan`"]
3))Research((
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools(("`**Tools**`"))
Pen and paper
Mermaid1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
