如何用 Markdown 來畫圖?
今天給大家介紹一個(gè)曾經(jīng)獲得過The most exciting use of technology大獎的優(yōu)秀項(xiàng)目:
Mermaid

Mermaid,簡單來說呢,是一個(gè)基于Javascript的圖表繪制工具,但是他又不是一個(gè)簡單的畫圖工具。Mermaid采用類似Markdown的語法繪制圖表并進(jìn)行修改,讓文檔的繪制更新變得更方便快捷。
因?yàn)樵谡麄€(gè)軟件開發(fā)的生命周期里,各種文檔及圖表都是非常重要的財(cái)產(chǎn),尤其對于后續(xù)新人及工作交接來說,一個(gè)完整的時(shí)刻更新的文檔是項(xiàng)目穩(wěn)定運(yùn)行的基礎(chǔ)。
Mermaid的初衷就是在于減少維護(hù)這些文檔所需的時(shí)間及精力,讓文檔編寫變得更加簡單,可以將更多的精力關(guān)注在項(xiàng)目的其他部分中。
我們可以看幾個(gè)主要會用到的文檔極其對應(yīng)代碼示例:
流程圖

時(shí)序圖

甘特圖

類圖

狀態(tài)圖

餅圖

有些小伙伴可能會擔(dān)心上手難,其實(shí)并沒有想象中那么難,Mermaid還提供了詳盡的上手指南,教你一步步變成使用達(dá)人。




對于經(jīng)常用Markdown寫作的小伙伴。更加應(yīng)該使用的得心應(yīng)手,還在為制作圖表發(fā)愁的小伙伴們,不妨來試試看吧~
點(diǎn)擊下方卡片,關(guān)注公眾號“TJ君”
回復(fù)“Mermaid2022”,獲取倉庫地址
關(guān)注我,每天了解一個(gè)牛x、好用、有趣的東東
評論
圖片
表情
