markdown甘特圖

本文目錄一覽：

• 1、如何在Markdown中畫流程圖
• 2、為什么某道云筆記跪舔程序員的markdown功能，被稱為系列
• 3、Markdown 畫圖
• 4、markdown語法有哪些？
• 5、MarkDown畫圖(實例講解) —— 流程圖、序列圖、餅圖、甘特圖
• 6、Markdown 的甘特圖 按照教程打的卻一直不正確

如何在Markdown中畫流程圖

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

流程圖方向有下面幾個值

從上到下

從左到右

格式

語法：style id 具體樣式

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

為什么某道云筆記跪舔程序員的markdown功能，被稱為系列

Markdown是一種輕量級的「標記語言」，通常為程序員群體所用，適用于泡技術論壇、寫博客日志、技術文稿、記錄代碼片段、起草郵件等場景。

但同樣是語法，怎么它就能這么火呢？

「易寫易讀」是Markdown語法的最大亮點，也是它為什么能提高書寫效率的原因。

「易寫」

Markdown語法十分簡單，常用的標記符號不超過十個，用于日常寫作記錄綽綽有余。但這十個不到的標記符號，卻能讓人優雅地沉浸式寫作，專注內容而不糾結排版，像寫代碼一樣寫文檔，大大提高書寫效率。名副其實的「碼字神器」。

「易讀」

兼顧「什么人都能打開」和「排版樣式不變」。

所謂「什么人都能打開」是指，Markdown屬于兼容性極強的純文本，可以用所有文本編輯器打開，避免了「用 Windows 的人打不開 .pages 文件」的情況發生；Markdown文本輕松可轉成HTML、電子書等格式，而HTML 是整個萬維網（web）的標記語言，也是目前主流電子書格式（ EPUB、mobi、Kindle專有格式 .azw）所用的標記語言。人們如果采用Markdown 標注格式，對日后的文件轉換工作將大有裨益。

所謂「排版樣式不變」是指，在轉化為富文本/HTML等格式后依然可以保留原本的排版和閱讀體驗。不會出現「我這篇稿子是用舊版 Word 寫的，你用新版 Word 看可能格式會有點問題」的情況。

1

有道云筆記Markdown實操指南

我們來看看有道云筆記內置的Markdown編輯器實現到了什么程度？

無需額外使用Markdown編輯器，作為有道云筆記內置功能，可直接在筆記內創建Markdown文件，就像創建一篇筆記一樣簡單。

① 點擊“新建”按鈕，可選擇新建Markdown文件（后綴為.md）

② 界面大小可點擊分界條調整

點擊“1”處，編輯器收起；

點擊“2”處，左側編輯區域全屏。

如果依然覺得編輯區域小，可以通過“雙擊中間欄文件”實現“獨立窗口”編輯。

有道云筆記的Markdown功能實現了，

① 高亮一段代碼

② 制作待辦和清單

③ 高效繪制 表格、流程圖、序列圖、甘特圖

表格：

流程圖/序列圖：

甘特圖：

④ 書寫LaTeX公式

當然，也許除了高亮代碼，其他炫酷的功能日常也用不上。

那么，安安靜靜寫篇博客還是可以的：

2

有道云筆記Markdown編輯優勢

① 實時同步預覽，即看即所得

筆記編輯界面一分為二，左邊為編輯區，右邊為預覽區，兩區滾動條同步。

在編輯區的操作能夠實時反映在預覽區，方便及時調整和查看最終版面效果。

② 工具欄內置Markdown語法，方便新手學習

如果你是一個不熟悉Markdown語法的新手，可以先嘗試用編輯欄輔助操作，編輯欄對應格式內置了對應代碼。

如繪制表格時，

但這違背了Markdown「解放鼠標手」，「讓寫作歸寫作，排版歸排版」的哲學，所以還是推薦大家自學Markdown語法，少使用工具欄。

當然，如果你覺得工具欄太打擾，利用分界條即可隱藏工具欄，切換到極簡編輯環境。

③ 實時云端保存

Markdown作為有道云筆記內置功能，當然保留了有道云筆記的優勢，你每一次擊鍵的內容都會實時保存在云端，無需擔心瀏覽器崩潰、設備沒電、突然斷網等情況。對于寫作者來說，更是再也不

Markdown 畫圖

參考

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

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

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

語法參見官網

文章目錄如下：

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

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

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

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

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

可以是

甘特圖.png

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、簡書等，甚至還能被使用來撰寫電子書。

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

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

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

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

語法參見官網

文章目錄如下：

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

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

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

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

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

可以是

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

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