1. 配置环境
  2. 描述文件
  3. 执行Jar命令
  4. 在Hexo中使用
  5. 在vscode中使用
  6. 黑白模式
  7. 时序图
  8. 用例图
  9. 类图
  10. 活动图
  11. 组件图
  12. 状态图
  13. 对象图
  14. Gantt Diagram
  15. 思维导图
  16. 组织结构图
  17. Salt
  18. 其它

配置环境

因为PlantUML是基于Java的,因此你需要先配置Java环境，然后下载plantuml.jar。

描述文件

描述文件demo.txt:

1
2
3
4
5
6
7
8
@startuml
start
:配置Java环境; 
:下载pantuml.jar;
:编写描述文件; 
:执行; 
stop
@enduml

执行Jar命令

1
java -jar plantuml.jar demo.txt

在Hexo中使用

在Hexo使用PlantUML要安装hexo-tag-plantuml插件

1
npm install hexo-tag-plantuml --save

在vscode中使用

在vscode中使用，在插件库中搜索plantuml，直接安装。vscode中的使用和Hexo的语法不一样

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//Hexo的写法：
{% plantuml %}
@startuml
Class01 "1" *-- "many" Class02 : contains
Class03 o-- Class04 : aggregation
Class05 --> "1" Class06
@enduml
{% endplantuml %}

//vscode中的写法
​``` puml
@startuml
Class01 "1" *-- "many" Class02 : contains
Class03 o-- Class04 : aggregation
Class05 --> "1" Class06
@enduml

黑白模式

时序图

用例图

类图

活动图

组件图

状态图

对象图

Gantt Diagram

思维导图

组织结构图

Salt

其它