markdown甘特圖（甘特圖 在線）

本文目錄一覽：

• 1、Markdown 畫圖
• 2、MarkDown畫圖(實例講解) —— 流程圖、序列圖、餅圖、甘特圖
• 3、Markdown 的甘特圖 按照教程打的卻一直不正確
• 4、如何在Markdown中畫流程圖
• 5、markdown語法有哪些？

Markdown 畫圖

參考

寫這篇文章的目的主要是 學習markdown畫圖 。目前支持畫圖的MarkDown工具只有 Typora和有道云筆記

ProcessOn VS MarkDown。 雖然ProcessOn也能做這件事情，但是每次使用都要以圖片的形式進行編輯，不便于微調。在不同應用之間前切換也比較麻煩

我的學習方法 。我會想出一個綜合性的場景，然后把所有的知識點融入到一張圖里去。這樣做的好處是，回憶的時候只用回憶一張圖就夠了，提高回憶效率。

語法參見官網

文章目錄如下：

序列圖共有5個部分，分別是： 參與者、消息線、循環、選擇、可選、并行、注解 。我們來模擬一個綜合場景，如下圖所示:

這是我用Process做的，我們就以張圖為例，用MarkDown畫一張甘特圖吧。

順便對比一下這兩種方式，看看哪個展示效果好一點

從官網上看一下 語法 ，如下所示:

這里要注意的是，時間的表示有多種，如上，

可以是

甘特圖.png

MarkDown畫圖(實例講解) —— 流程圖、序列圖、餅圖、甘特圖

寫這篇文章的目的主要是 學習markdown畫圖 。目前支持畫圖的MarkDown工具只有 Typora和有道云筆記

ProcessOn VS MarkDown。 雖然ProcessOn也能做這件事情，但是每次使用都要以圖片的形式進行編輯，不便于微調。在不同應用之間前切換也比較麻煩

我的學習方法 。我會想出一個綜合性的場景，然后把所有的知識點融入到一張圖里去。這樣做的好處是，回憶的時候只用回憶一張圖就夠了，提高回憶效率。

語法參見官網

文章目錄如下：

序列圖共有5個部分，分別是： 參與者、消息線、循環、選擇、可選、并行、注解 。我們來模擬一個綜合場景，如下圖所示:

這是我用Process做的，我們就以張圖為例，用MarkDown畫一張甘特圖吧。

順便對比一下這兩種方式，看看哪個展示效果好一點

從官網上看一下 語法 ，如下所示:

這里要注意的是，時間的表示有多種，如上，

可以是

Markdown 的甘特圖 按照教程打的卻一直不正確

dateFormat。date是日期，Format是格式，連起來是日期格式。data是數據。

如何在Markdown中畫流程圖

如何在Markdown中畫流程圖呢？當然是用 mermaid 了，mermaid支持三種圖形的繪制, 分別是流程圖, 時序圖和甘特圖, 本篇文章只介紹了mermaid中流程圖在markdown的使用(現在的markdown還不支持mermaid，我本地使用的是 MWeb )。

流程圖方向有下面幾個值

從上到下

從左到右

格式

語法：style id 具體樣式

繪制一個流程圖,找出 A、 B、 C 三個數中最大的一個數。

markdown語法有哪些？

Markdown 支持以下語法：

1、設置分級標題

2、加粗文本

3、斜體

4、下劃線

5、刪除線

6、添加分隔線

7、引用文本

8、添加符號列表或者數字列表

9、添加待辦事項

10、插入鏈接

11、插入圖片

12、插入表格

13、插入圖表

14、?插入行內代碼或代碼塊

15、插入數學公式

16、插入流程圖

17、?插入時序圖

18、插入甘特圖

19、設置目錄

Markdown

Markdown是一種輕量級標記語言，創始人為約翰·格魯伯（英語：John Gruber）。 它允許人們使用易讀易寫的純文本格式編寫文檔，然后轉換成有效的XHTML（或者HTML）文檔。這種語言吸收了很多在電子郵件中已有的純文本標記的特性。

由于Markdown的輕量化、易讀易寫特性，并且對于圖片，圖表、數學式都有支持，許多網站都廣泛使用Markdown來撰寫幫助文檔或是用于論壇上發表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap?、SourceForge、簡書等，甚至還能被使用來撰寫電子書。