Markdown 九高階技巧

不在 markdown 涵蓋範圍之內的標籤，都可以直接在文件裡面用 html 撰寫。

目前支援的 html 元素有：

等，如：

使用 ctrl+alt+del 重啟電腦

輸出結果為：

markdown 使用了很多特殊符號來表示特定的意義，如果需要顯示特定的符號則需要使用轉義字元，markdown 使用反斜槓轉義特殊字元：

輸出結果為：

markdown 支援以下這些符號前面加上反斜槓來幫助插入普通的符號：

\ 反斜線 ` 反引號 * 星號 _ 下劃線 {} 花括號方括號() 小括號 # 井字型大小 + 加號 - 減號 . 英文句點 ! 感嘆號

當你需要在編輯器中插入數學公式時，可以使用兩個美元符 $$ 包裹 tex 或 latex 格式的數學公式來實現。提交後，問答和文章頁會根據需要載入 mathjax 對數學公式進行渲染。如：

$$ \mathbf_1 \times \mathbf_2 = \begin \mathbf & \mathbf & \mathbf \\ \frac & \frac & 0 \\ \frac & \frac & 0 \\ \end $}$$

輸出結果為：

以下幾個例項效果圖如下：

1、橫向流程圖原始碼格式：

```mermaid
graph lr
a[方形] -->b(圓角)
b --> c
c -->|a=1| d[結果1]
c -->|a=2| e[結果2]
f[橫向流程圖]
```

2、豎向流程圖原始碼格式：

```mermaid
graph td
a[方形] --> b(圓角)
b --> c
c --> |a=1| d[結果1]
c --> |a=2| e[結果2]
f[豎向流程圖]
```

3、標準流程圖原始碼格式：

```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```

4、標準流程圖原始碼格式（橫向）：

```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```

5、uml時序圖原始碼樣例：

```sequence
物件a->物件b: 物件b你好嗎?（請求）
note right of 物件b: 物件b的描述
note left of 物件a: 物件a的描述(提示)
物件b-->物件a: 我很好(響應)
物件a->物件b: 你真的好嗎？
```

6、uml時序圖原始碼複雜樣例：

```sequence
物件a->物件b: 物件b你好嗎?（請求）
note right of 物件b: 物件b的描述
note left of 物件a: 物件a的描述(提示)
物件b-->物件a: 我很好(響應)
物件b->小三: 你好嗎
小三-->>物件a: 物件b找我了
物件a->物件b: 你真的好嗎？
note over 小三,物件b: 我們是朋友
participant c
note right of c: 沒人陪我玩
```

7、uml標準時序圖樣例：

```mermaid
%% 時序圖例子,-> 直線，-->虛線，->>實線箭頭
sequencediagram
participant 張三
participant 李四
張三->王五: 王五你好嗎？
loop 健康檢查
王五->王五: 與疾病戰鬥
endnote right of 王五: 合理 食物 
看醫生...
李四-->>張三: 很好!
王五->李四: 你怎麼樣?
李四-->王五: 很好!
```

8、甘特圖樣例：

```mermaid %% 語法示例 gantt dateformat yyyy-mm-dd title 軟體開發甘特圖 section 設計需求 :done, des1, 2014-01-06,2014-01-08 原型 :active, des2, 2014-01-09, 3d ui設計 : des3, after des2, 5d 未來任務 : des4, after des3, 5d section 開發學習準備理解需求 :crit, done, 2014-01-06,24h 設計框架 :crit, done, after des2, 2d 開發 :crit, active, 3d 未來任務 :crit, 5d 耍 :2d section 測試功能測試 :active, a1, after des3, 3d 壓力測試 :after a1 , 20h 測試報告 : 48h

```

效果圖如下：

Markdown 九高階技巧

MarkDown使用技巧

MarkDown的高階用法

markdown基礎使用技巧

Markdown 九 高階技巧

MarkDown使用技巧

MarkDown的高階用法

markdown基礎使用技巧

相關推薦

Markdown 九高階技巧