注：簡書的markdown用的不是很熟，如果想看完整版，可以訪問http://www.jipucoffee.com。

Typora 參考手冊

image.png

塊狀元素

標(biāo)題

標(biāo)題用#符號來作為引子，最多有六個(gè)層級

# 標(biāo)題1
## 標(biāo)題2
### 標(biāo)題3
#### 標(biāo)題4
##### 標(biāo)題5
###### 標(biāo)題6

效果如下:

image.png

塊引用

塊引用>符號作為引子

>這是引用的內(nèi)容

效果如下：

這是引用的內(nèi)容

列表

列表可以用*,+,-等符號來作為引子,不添加數(shù)字就是無序列表，添加數(shù)字就是有序列表。

### un-ordered list
*   Red
*   Green
*   Blue

### ordered list
1.  Red
2.  Green
3.  Blue

效果如下:

image.png

任務(wù)列表

任務(wù)列表可以用- [ ]作為引子。其實(shí)任務(wù)列表就是一個(gè)復(fù)選按鈕，如果在中括號內(nèi)加上x，就是一個(gè)被選中的復(fù)選按鈕。

- [ ] 去吃飯
- [ ] 去唱歌
- [x] 在家打游戲

效果如下：

• [ ] 去吃飯
• [ ] 去唱歌
• [x] 在家打游戲

代碼塊

代碼塊可以用```作為引子。

?```
function code(){
  return "code";
}
?```

效果如下：

function code(){
  return "code";
}

數(shù)學(xué)表達(dá)式模塊

數(shù)學(xué)表達(dá)式模塊用兩個(gè)$$作為引子：

$$
\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}
$$

效果如下：
$$
\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}
$$

表格

表格可以用快捷鍵command+T來打開選擇器。

image.png

打開之后可以設(shè)定行 高上的格子數(shù)量。按OK之后。

效果如下：

還可以用這種方式來建造表格

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

效果如下：

自己感覺這個(gè)方法比較麻煩，不推薦。

腳注

腳注需要定義鼠標(biāo)移上后顯示的內(nèi)容,用[^字段]來定義：

You can create footnotes like this[^footnote].

[^footnote]: Here is the *text* of the **footnote**.

效果如下：

You can create footnotes like this^[1].

水平分割線

水平分割線可以用***或者—作為引子:

***
---  

效果如下:

行內(nèi)元素

添加鏈接

鏈接可以用[需要添加鏈接的字段](鏈接的地址)的形式：

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

效果如下:

This is an example inline link.

This link has no title attribute.

圖片

圖片可以使用下面的格式來引用：

image.png

==Alt text==是無法顯示圖片時(shí)的替換文本。

效果如下：

image.png

image.png

強(qiáng)調(diào)

強(qiáng)調(diào)可以用**或者__作為引子:

**double asterisks**

__double underscores__

效果如下:

double asterisks

double underscores

代碼

Use the `printf()` function.

效果如下：

Use the printf() function.

刪除線

刪除線可以用~~作為引子:

~~Mistaken text.~~ 

效果如下：

Mistaken text.

下劃線

下劃線可以用<u></u>作為引子:

<u>Underline</u>

效果如下：

<u>Underline</u>

表情

下劃線可以用：作為引子:

:smile:
:cry:

效果如下：

:smile:

:cry:

下標(biāo)

下劃線可以用~作為引子，需要在Preference Panel -> Markdown Tab中打開：

H~2~O

效果如下：

H₂O

上標(biāo)

下劃線可以用^作為引子，需要在Preference Panel -> Markdown Tab中打開：

X^2^

效果如下：

X²

高亮

高亮可以用==作為引子,需要在Preference Panel -> Markdown Tab中打開：

Here is the text of the ==footnote==.

效果如下:

Here is the text of the ==footnote==.

目錄

可以使用[TOC]自動(dòng)根據(jù)層級生成目錄：

[TOC]

效果如下:

image.png

導(dǎo)出

可以導(dǎo)出三種文件格式。PDF，html和不帶樣式的html.

image.png

1. Here is the text of the footnote. ?