mermaid 介紹

mermaid 是一種基于 Javascript 的繪圖工具，它的語法類似于 Markdown。通過 mermaid 可以很方便的通過文本或者代碼創(chuàng)建流程圖、時序圖等圖表。

注意事項(xiàng)

1. 本教程編寫時使用的編輯器為內(nèi)置了 mermaid 的 Markdown 編輯器 Typora，你可以在它們[官方網(wǎng)站](https://typoraio.cn/)上下載。注意，部分 mermaid 的語法可能因?yàn)?Typora 版本內(nèi)置的 mermaid 版本過低導(dǎo)致無法渲染而報錯。

2. 本教程主要參考官方文檔：[mermaid](https://mermaid-js.github.io/mermaid/#/)。

3. 本教程同 mermaid 一致，使用 MIT 協(xié)議開源，你可以在[這里](https://xiaoxin1900drive.vercel.app/zh-CN/Notes/Mermaid%20Tutorial) 下載源文件。

4. 本教程為簡明教程，對于一些高級或者對大多數(shù)人群不必要的內(nèi)容，將不會涉及——當(dāng)然也不排除日后在開源地址補(bǔ)充的可能性。

   
   

如何在 Typora 中插入 mermaid 圖表

在 Typora 中插入 mermaid 圖表，你只需要像插入其他代碼一樣，使用以下語法：

Typora 會將圖表自動渲染。