markdown畫思維導圖


在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

  • () [] {} 描述圖形的形狀,依次是 方角框,圓角框,菱形

  • --> 是帶箭頭的連接線, --是不帶箭頭的連接線

  • || 里面寫,箭頭線上面的信息

更多詳細信息,官網


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM