plantuml mindmap模板

在 vscode 中下载 plantuml 插件和 markdown 的一些杂七杂八的插件就可以用 plantuml 来写思维导图了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
@startmindmap
<style>
  node {
    FontName 微软雅黑
    FontSize 17
    LineThickness 0
    BackgroundColor #EEEEEE
    FontColor black
  }
  :depth(0) {
    BackgroundColor #3949AB
    FontColor white
    FontSize 23
  }
  boxless {
    FontName 微软雅黑
    FontColor black
  }
  arrow {
    LineColor black
    LineThickness 1
  }
</style>

- code here

@endmindmap

plantuml 的模板长这样，接下来只要在 code here 位置输入内容就可以生成对应的思维导图了。输入的内容有以下几种格式，这些格式产生的思维导图如下：

上图对应的代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@startmindmap
<style>
  node {
    FontName 微软雅黑
    FontSize 17
    LineThickness 0
    BackgroundColor #EEEEEE
    FontColor black
  }
  :depth(0) {
    BackgroundColor #3949AB
    FontColor white
    FontSize 23
  }
  boxless {
    FontName 微软雅黑
    FontColor black
  }
  arrow {
    LineColor black
    LineThickness 1
  }
</style>
* plantuml-mindmap
-- -运算符可以在左侧产生导图
** :和;运算符可以包围文字
***:就像
这样;
**[#66CCFF] 也可以带上颜色
**_ _下划线移除方框
* 一张图里也可以有多个根节点
left side
** left side变成以左侧为默认方向
** <&flag>还有些符号可以用
@endmindmap

hexo 博客中也有对应的 plantuml 插件，可以通过命令行安装
npm install --save hexo-filter-plantuml

更多内容请看官方文档：
plantuml-mindmap