支持的 HTML 元素
不在 Markdown 涵蓋范圍之內(nèi)的標(biāo)簽包警，都可以直接在文檔里面用 HTML 撰寫(xiě)撵摆。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如：
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦
輸出結(jié)果為：
第10章_高級(jí)技巧_內(nèi)容1.jpg
轉(zhuǎn)義
Markdown 使用了很多特殊符號(hào)來(lái)表示特定的意義害晦，如果需要顯示特定的符號(hào)則需要使用轉(zhuǎn)義字符特铝，Markdown 使用反斜杠轉(zhuǎn)義特殊字符：
**文本加粗**
\*\* 正常顯示星號(hào) \*\*
輸出結(jié)果為：
第10章_高級(jí)技巧_內(nèi)容2.jpg
Markdown 支持以下這些符號(hào)前面加上反斜杠來(lái)幫助插入普通的符號(hào)：
\ 反斜線
` 反引號(hào)
* 星號(hào)
_ 下劃線
{} 花括號(hào)
[] 方括號(hào)
() 小括號(hào)
# 井字號(hào)
+ 加號(hào)
- 減號(hào)
. 英文句點(diǎn)
! 感嘆號(hào)
公式
當(dāng)你需要在編輯器中插入數(shù)學(xué)公式時(shí)，可以使用兩個(gè)美元符 $$ 包裹 TeX 或 LaTeX 格式的數(shù)學(xué)公式來(lái)實(shí)現(xiàn)壹瘟。提交后鲫剿，問(wèn)答和文章頁(yè)會(huì)根據(jù)需要加載 Mathjax 對(duì)數(shù)學(xué)公式進(jìn)行渲染。如：
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$
輸出結(jié)果為：
第10章_高級(jí)技巧_內(nèi)容3.jpg
后記
typora 畫(huà)流程圖稻轨、時(shí)序圖(順序圖)灵莲、甘特圖
復(fù)制以下代碼使用 typora 的源碼模式粘貼到編輯器中查看效果：
第10章_高級(jí)技巧_內(nèi)容4.jpg
以下幾個(gè)實(shí)例效果圖如下：
1、橫向流程圖源碼格式：
```mermaid
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結(jié)果1]
C -->|a=2| E[結(jié)果2]
F[橫向流程圖]
```
2殴俱、豎向流程圖源碼格式：
```mermaid
graph TD
A[方形] --> B(圓角)
B --> C{條件a}
C --> |a=1| D[結(jié)果1]
C --> |a=2| E[結(jié)果2]
F[豎向流程圖]
```
3笆呆、標(biāo)準(zhǔn)流程圖源碼格式：
```flow
st=>start: 開(kāi)始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```
4、標(biāo)準(zhǔn)流程圖源碼格式（橫向）：
```flow
st=>start: 開(kāi)始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```
5粱挡、UML時(shí)序圖源碼樣例：
```sequence
對(duì)象A->對(duì)象B: 對(duì)象B你好嗎?（請(qǐng)求）
Note right of 對(duì)象B: 對(duì)象B的描述
Note left of 對(duì)象A: 對(duì)象A的描述(提示)
對(duì)象B-->對(duì)象A: 我很好(響應(yīng))
對(duì)象A->對(duì)象B: 你真的好嗎赠幕？
```
6、UML時(shí)序圖源碼復(fù)雜樣例：
```sequence
Title: 標(biāo)題：復(fù)雜使用
對(duì)象A->對(duì)象B: 對(duì)象B你好嗎?（請(qǐng)求）
Note right of 對(duì)象B: 對(duì)象B的描述
Note left of 對(duì)象A: 對(duì)象A的描述(提示)
對(duì)象B-->對(duì)象A: 我很好(響應(yīng))
對(duì)象B->小三: 你好嗎
小三-->>對(duì)象A: 對(duì)象B找我了
對(duì)象A->對(duì)象B: 你真的好嗎询筏？
Note over 小三,對(duì)象B: 我們是朋友
participant C
Note right of C: 沒(méi)人陪我玩
```
7榕堰、UML標(biāo)準(zhǔn)時(shí)序圖樣例：
```mermaid
%% 時(shí)序圖例子,-> 直線，-->虛線嫌套，->>實(shí)線箭頭
sequenceDiagram
participant 張三
participant 李四
張三->王五: 王五你好嗎逆屡？
loop 健康檢查
王五->王五: 與疾病戰(zhàn)斗
end
Note right of 王五: 合理 食物 <br/>看醫(yī)生...
李四-->>張三: 很好!
王五->李四: 你怎么樣?
李四-->王五: 很好!
```
8、甘特圖樣例：
```mermaid
%% 語(yǔ)法示例
gantt
dateFormat YYYY-MM-DD
title 軟件開(kāi)發(fā)甘特圖
section 設(shè)計(jì)
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI設(shè)計(jì) : des3, after des2, 5d
未來(lái)任務(wù) : des4, after des3, 5d
section 開(kāi)發(fā)
學(xué)習(xí)準(zhǔn)備理解需求 :crit, done, 2014-01-06,24h
設(shè)計(jì)框架 :crit, done, after des2, 2d
開(kāi)發(fā) :crit, active, 3d
未來(lái)任務(wù) :crit, 5d
耍 :2d
section 測(cè)試
功能測(cè)試 :active, a1, after des3, 3d
壓力測(cè)試 :after a1 , 20h
測(cè)試報(bào)告 : 48h
```
效果圖如下：
第10章_高級(jí)技巧_內(nèi)容5.jpg
