在markdown內使用mermaid即可實現
Mermaid 是一個用於畫流程圖、狀態圖、時序圖、甘特圖的庫,使用 JS 進行本地渲染,廣泛集成於許多 Markdown 編輯器中。
Example:
```mermaid
graph LR
A[Hard] -->B(Round)
B-->C{Decision}
C-->|one| D[Result one]
C-->|two| E[Result two]
```
效果
graph LR A[Hard] -->B(Round) B-->C{Decision} C-->|one| D[Result one] C-->|two| E[Result two]
簡單解釋一下
-
LR 即 left to right ,描述流程圖展開方向
-
A、B、C 是某圖形的ID
-
() [] {} 描述圖形的形狀,依次是 方角框,圓角框,菱形
-
--> 是帶箭頭的連接線, --是不帶箭頭的連接線
-
|| 里面寫,箭頭線上面的信息
