【掘金者說】Markdown 基於 Mermaid 的時序圖、流程圖和甘特圖

人們常會抱怨：「爲何我有那麼多的問題，那麼多的痛苦？」答案是，你沒有從正確角度看待問題。當你把它當作是一件壞事，它就會變成你的痛苦。你不會碰上沒法處理的問題，你碰到每個問題都是爲了讓你體會本身擁有的能力，都是爲了讓你發揮更多的潛能。你的經歷都是這麼來的。苦難不是人生的挫折，而是人生的存摺。

你是否看過一個Pig白皮書文檔呢？你如今學的東西，必定會在未來的某個時刻派上用場。一個 Markdown 文本編輯器，推薦工具Typora工具,而後使用讓微服排版變Nice渲染複製到博客。而後，掘金者說補充幾個經常使用配置:

• 文件->導出，能夠導出pdf文檔，生成的文檔可使用工具推薦SumatraPDF查看
• 文件->偏好設置->通用，啓動選項目：從新打開上次使用的目錄
• 文件->偏好設置->編輯欄，默認縮進，在寫純文字的文章的時候建議開啓：對齊縮進
• 文件->偏好設置->圖像，複製圖片xx文件夾
• 文件->偏好設置->Markdown，代碼塊：顯示行號

Mermaid 摘要：
從文本生成圖表和流程圖的方式與降價相似。

在解釋代碼時是否曾經想簡化文檔並避免使用Visio之類的笨重工具？

這就是美人魚誕生的緣由，這是一種相似於markdown的簡單腳本語言，用於經過javascript從文本生成圖表。

查看美人魚的集成和用法列表

美人魚被提名並得到了「最使人興奮的技術使用」類別的JS開源獎（2019年）！！！感謝全部參與人員，人們提出了請求，人們回答了問題，並特別感謝Tyler Long幫助我維護該項目。

甘特圖實驗

gantt
    title 平臺開發流程
    section 平臺肯定
        需求分析       :a1, 2020-07-07, 4d
        可行性報告     :after a1, 4d
        概念驗證       : 3d
    section 平臺研發
        概要設計      :2020-07-17, 4d
        詳細設計      :2020-07-21, 5d
        編碼          :2020-07-26, 10d
        測試          :2020-08-05, 5d
    section 發佈迭代
        發佈: 2d
        迭代: 3d
複製代碼

順序圖實驗

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
複製代碼

類圖

classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
複製代碼

參考地址：

Typora 徹底使用詳解

讓微服排版變Nice

SumatraPDF

Mermaid

PigX Microservice Architecture系統白皮書

mermaid-js.github.io/mermaid/#/

www.iminho.me/wiki/docs/m…

mermaid-js.github.io/mermaid/#/

github.com/mermaid-js/…