畫圖前端：mermaid。時序圖/類圖/甘特圖/流程圖/狀態圖/餅圖。類似工具:Typora

文檔

https://mermaidjs.github.io/#/

cdn

https://www.bootcdn.cn/mermaid/

在線編輯

https://mermaidjs.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcbkFbQ2hyaXN0bWFzXSAtLT58R2V0IG1vbmV5fCBCKEdvIHNob3BwaW5nKVxuQiAtLT4gQ3tMZXQgbWUgdGhpbmt9XG5DIC0tPnxPbmV8IERbTGFwdG9wXVxuQyAtLT58VHdvfCBFW2lQaG9uZV1cbkMgLS0-fFRocmVlfCBGW2ZhOmZhLWNhciBDYXJdXG4iLCJtZXJtYWlkIjp7InRoZW1lIjoiZGVmYXVsdCJ9fQ

集成

已經集成到markdown編輯器Typora上

可以和hugo集成

使用示例

https://zhuanlan.zhihu.com/p/70261692

工具Typora

目前mac屬於beta版本，免費 https://www.typora.io/

主題下載