<進階版>Markdown指南

有道雲筆記內置Markdown編輯器和使用指南。

「進階版」有道雲筆記Markdown指南，教你如何進一步掌握待辦、清單、流程圖和甘特圖。

 

0 待辦和清單

待辦事項和清單在平常工做、生活中常常被使用。

在Markdown中，你只須要在待辦的事項文本或者清單文本前加上- [ ]、- [x]便可。

- [ ] 表示未完成，- [x] 表示已完成。

注：鍵入字符與字符之間都要保留一個字符的空格。

具體呈現以下：

 

 

1 流程圖

在Markdown中，一段流程圖語法以 「` 開頭，以 「` 結尾。

在 「` 後另起一行，書寫graph XX，用以肯定將要繪製的流程圖及其類型（XX表示流程圖類型）。

流程圖分爲豎向和橫向兩大類，豎向包括自上而下和自下而上兩種順序，橫向包括從右到左和從左到右兩種順序。

其對應語法分別爲：graph TB/graph BT/graph RL/graph LR。

• TB - top bottom（自上而下）
• BT - bottom top（自下而上）
• RL - right left（從右到左）
• LR - left right（從左到右）

簡單示例如圖：

來學習一個具體案例：

仔細研究上述案例，會發現，咱們能夠經過調整語法來調整流程圖的框線、鏈接線，不一樣條件能導向不一樣結果。

①對框線形狀的調整，如，

②對箭頭的調整，如，

只要充分掌握該語法，再複雜的流程圖也徹底能用Markdown書寫！

更詳細的流程圖語法，可參見：http://knsv.github.io/mermaid/#flowcharts-basic-syntax

 

 

2 甘特圖

咱們在工做中用甘特圖做計劃進度表、項目進度表再合適不過了。

以以下甘特圖爲例說明，

與流程圖同樣，Markdown中，甘特圖的語法也是以 「` 開頭，以 「` 結尾。

在 「` 後另起一行，書寫 gantt ，用以肯定將要繪製的是甘特圖。

標題的書寫語法以下：

dateFormat YYYY-MM-DD規定了時間軸，title （標題文本）表示甘特圖標題。

如需按項目進行劃分，需鍵入section，空一個字符，再輸入項目名稱的文本（一個section和另外一個section之間要空行）。

每一個大項目將拆解爲若干個小任務，只需在section以後另起一行，直接輸入小項目名稱便可。

更詳細的甘特圖語法，參見：http://knsv.github.io/mermaid/#styling39

---

 

Tips for 有道雲筆記中的Markdown

 

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

咱們將筆記編輯界面一分爲二，左邊爲編輯區，右邊爲預覽區，兩區滾動條同步。在編輯區的操做可以實時反映在預覽區，方便及時調整和查看最終版面效果。

 

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

編輯頁面頂端的工具欄有對應代碼，若是你是一個不熟悉Markdown語法的新手，能夠先嚐試用工具欄輔助操做。也能夠在網上搜索「Markdown語法指南」進行學習。

固然，若是你以爲工具欄太打擾，點擊下方分界條便可隱藏工具欄，切換到極簡編輯環境。

 

③ 實時雲端保存

Markdown模式繼承了有道雲筆記的優良傳統，你每一次擊鍵的內容都會實時保存在雲端，無需擔憂瀏覽器崩潰、設備沒電、忽然斷網等狀況。對於寫做者來講，更是不再用擔憂由於各類緣由痛失文稿的狀況了。

 

④ 界面大小可點擊分界條調整。

點擊「1」處，工具欄收起；

點擊「2」處，右側預覽區收起。

點擊後效果如圖