Markdown绘图

mermaid.js

目前使用Mermaid扩展，具体用法参考官方文档：https://mermaid.js.org/intro/

需要注意的是不同的markdown编辑器对扩展的支持程度不同

目前cnblog支持该扩展

flowchart TD A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} C -->|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[fa:fa-car Car]

plantuml

https://plantuml.com/zh/
目前cnblog还不支持在markdown中内嵌plantuml

@startuml
Alice->Bob : Hello
return ok
@enduml

正常图像输出：

参考

Mermaid Diagramming and charting tool
Markdown支持的几种图表和代码实例（流程图、时序图、甘特图）
PlantUML 语言参考指引