Markdown語法大全

Markdown語法沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn),不同的工具或平臺(tái)采用的標(biāo)準(zhǔn)不一樣，所以有些語法規(guī)則和功能是有差異的）

0. 目錄 {#index}

[TOC] （注：簡書Markdown不支持目錄功能）

1. 斜體和粗體

代碼：

*斜體*或_斜體_
**粗體**
***加粗斜體***
~~刪除線~~

顯示效果：

  • 這是一段斜體
  • 這是一段粗體
  • *這是一段加粗斜體*
  • 這是一段刪除線

2. 分級(jí)標(biāo)題

第一種寫法：

這是一個(gè)一級(jí)標(biāo)題
============================

這是一個(gè)二級(jí)標(biāo)題
--------------------------------------------------

第二種寫法：

# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
#### 四級(jí)標(biāo)題
##### 五級(jí)標(biāo)題
###### 六級(jí)標(biāo)題

由于用了[TOC]標(biāo)記編輯器會(huì)把所有標(biāo)題寫到目錄大綱中，在這里寫的演示標(biāo)題也會(huì)列進(jìn)去，所以就不演示了。同學(xué)們自己在編輯器中觀察，很簡單，一級(jí)標(biāo)題字號(hào)最大，依級(jí)遞減。（注：簡書Markdown不支持目錄功能）

3. 超鏈接

Markdown 支持兩種形式的鏈接語法： 行內(nèi)式和參考式兩種形式，行內(nèi)式一般使用較多。

3.1. 行內(nèi)式

語法說明：

  • []里寫鏈接文字，()里寫鏈接地址, ()中的""中可以為鏈接指定title屬性，title屬性可加可不加。title屬性的效果是鼠標(biāo)懸停在鏈接上會(huì)出現(xiàn)指定的 title文字。鏈接文字這樣的形式。*鏈接地址與鏈接標(biāo)題前有一個(gè)空格。*

代碼：

歡迎來到[貓咪的主頁](http://www.lxweimin.com/u/de4923b06bfc)

歡迎來到[貓咪的主頁](http://www.lxweimin.com/u/de4923b06bfc "貓咪的主頁")

顯示效果：
歡迎來到貓咪的主頁
歡迎來到貓咪的主頁

3.2. 參考式

參考式超鏈接一般用在學(xué)術(shù)論文上面，或者另一種情況，如果某一個(gè)鏈接在文章中多處使用，那么使用引用 的方式創(chuàng)建鏈接將非常好，它可以讓你對(duì)鏈接進(jìn)行統(tǒng)一的管理。

語法說明：
參考式鏈接分為兩部分，文中的寫法 [鏈接文字][鏈接標(biāo)記]，在文本的任意位置添加[鏈接標(biāo)記]:鏈接地址 "鏈接標(biāo)題"，*鏈接地址與鏈接標(biāo)題前有一個(gè)空格。*

如果鏈接文字本身可以做為鏈接標(biāo)記，你也可以寫成[鏈接文字][]
[鏈接文字]：鏈接地址的形式，見代碼的最后一行。

代碼：

我經(jīng)常去的幾個(gè)網(wǎng)站[GitHub][1]、[知乎][2]以及[簡書][3]
[簡書][3]是一個(gè)不錯(cuò)的[寫作社區(qū)][]。

[1]:https://github.com "GitHub"
[2]:https://www.zhihu.com "知乎"
[3]:http://www.lxweimin.com "簡書"
[寫作社區(qū)]:http://www.lxweimin.com

顯示效果：
我經(jīng)常去的幾個(gè)網(wǎng)站GitHub、知乎以及簡書
簡書是一個(gè)不錯(cuò)的寫作社區(qū)。

3.3. 自動(dòng)鏈接

語法說明：
Markdown 支持以比較簡短的自動(dòng)鏈接形式來處理網(wǎng)址和電子郵件信箱，只要是用<>;包起來， Markdown 就會(huì)自動(dòng)把它轉(zhuǎn)成鏈接。一般網(wǎng)址的鏈接文字就和鏈接地址一樣，例如：

代碼：

<http://example.com/>
<address@example.com>

顯示效果：
http://example.com/
address@example.com

4. 錨點(diǎn)

網(wǎng)頁中，錨點(diǎn)其實(shí)就是頁內(nèi)超鏈接，也就是鏈接本文檔內(nèi)部的某些元素，實(shí)現(xiàn)當(dāng)前頁面中的跳轉(zhuǎn)。比如我這里寫下一個(gè)錨點(diǎn)，點(diǎn)擊回到目錄，就能跳轉(zhuǎn)到目錄。 在目錄中點(diǎn)擊這一節(jié)，就能跳過來。還有下一節(jié)的注腳。這些根本上都是用錨點(diǎn)來實(shí)現(xiàn)的。

注意： Markdown Extra 只支持在標(biāo)題后插入錨點(diǎn)，其它地方無效。

語法描述：
在你準(zhǔn)備跳轉(zhuǎn)到的指定標(biāo)題后插入錨點(diǎn){#標(biāo)記}，然后在文檔的其它地方寫上連接到錨點(diǎn)的鏈接。

代碼：

## 0. 目錄{#index}
跳轉(zhuǎn)到[目錄](#index)

顯示效果：

跳轉(zhuǎn)到目錄

5. 列表

5.1. 無序列表

使用 *，+，- 表示無序列表。

代碼：

- 無序列表項(xiàng) 一
- 無序列表項(xiàng) 二
- 無序列表項(xiàng) 三

顯示效果：

  • 無序列表項(xiàng) 一
  • 無序列表項(xiàng) 二
  • 無序列表項(xiàng) 三

5.2. 有序列表

有序列表則使用數(shù)字接著一個(gè)英文句點(diǎn)。
代碼：

1. 有序列表項(xiàng) 一
2. 有序列表項(xiàng) 二
3. 有序列表項(xiàng) 三

顯示效果：

  1. 有序列表項(xiàng) 一
  2. 有序列表項(xiàng) 二
  3. 有序列表項(xiàng) 三

5.3. 定義型列表

語法說明：

定義型列表由名詞和解釋組成。一行寫上定義，緊跟一行寫上解釋。解釋的寫法:緊跟一個(gè)縮進(jìn)(Tab)

代碼：

Markdown
:    輕量級(jí)文本標(biāo)記語言，可以轉(zhuǎn)換成html，pdf等格式（左側(cè)有一個(gè)可見的冒號(hào)和四個(gè)不可見的空格）

代碼塊 2
:   這是代碼塊的定義（左側(cè)有一個(gè)可見的冒號(hào)和四個(gè)不可見的空格）

        代碼塊（左側(cè)有八個(gè)不可見的空格）

顯示效果：
Markdown
: 輕量級(jí)文本標(biāo)記語言，可以轉(zhuǎn)換成html，pdf等格式

代碼塊 2
: 這是代碼塊的定義

    代碼塊（左側(cè)有八個(gè)不可見的空格）

5.4. 列表縮進(jìn)

語法說明：

列表項(xiàng)目標(biāo)記通常是放在最左邊，但是其實(shí)也可以縮進(jìn)，最多 3 個(gè)空格，項(xiàng)目標(biāo)記后面則一定要接著至少一個(gè)空格或制表符。

要讓列表看起來更漂亮，你可以把內(nèi)容用固定的縮進(jìn)整理好（顯示效果與代碼一致）：

  • 輕輕的我走了， 正如我輕輕的來； 我輕輕的招手， 作別西天的云彩。
    那河畔的金柳， 是夕陽中的新娘； 波光里的艷影， 在我的心頭蕩漾。
    軟泥上的青荇， 油油的在水底招搖； 在康河的柔波里， 我甘心做一條水草！
  • 那榆蔭下的一潭， 不是清泉， 是天上虹； 揉碎在浮藻間， 沉淀著彩虹似的夢。
    尋夢？撐一支長篙， 向青草更青處漫溯； 滿載一船星輝， 在星輝斑斕里放歌。
    但我不能放歌， 悄悄是別離的笙簫； 夏蟲也為我沉默， 沉默是今晚的康橋！
    悄悄的我走了， 正如我悄悄的來； 我揮一揮衣袖， 不帶走一片云彩。

但是如果你懶，那也行：
代碼：

*   輕輕的我走了， 正如我輕輕的來； 我輕輕的招手， 作別西天的云彩。
那河畔的金柳， 是夕陽中的新娘； 波光里的艷影， 在我的心頭蕩漾。 
軟泥上的青荇， 油油的在水底招搖； 在康河的柔波里， 我甘心做一條水草！ 
*   那榆蔭下的一潭， 不是清泉， 是天上虹； 揉碎在浮藻間， 沉淀著彩虹似的夢。 
尋夢？撐一支長篙， 向青草更青處漫溯； 滿載一船星輝， 在星輝斑斕里放歌。 
但我不能放歌， 悄悄是別離的笙簫； 夏蟲也為我沉默， 沉默是今晚的康橋！ 
悄悄的我走了， 正如我悄悄的來； 我揮一揮衣袖， 不帶走一片云彩。

顯示效果：

  • 輕輕的我走了， 正如我輕輕的來； 我輕輕的招手， 作別西天的云彩。
    那河畔的金柳， 是夕陽中的新娘； 波光里的艷影， 在我的心頭蕩漾。
    軟泥上的青荇， 油油的在水底招搖； 在康河的柔波里， 我甘心做一條水草！
  • 那榆蔭下的一潭， 不是清泉， 是天上虹； 揉碎在浮藻間， 沉淀著彩虹似的夢。
    尋夢？撐一支長篙， 向青草更青處漫溯； 滿載一船星輝， 在星輝斑斕里放歌。
    但我不能放歌， 悄悄是別離的笙簫； 夏蟲也為我沉默， 沉默是今晚的康橋！
    悄悄的我走了， 正如我悄悄的來； 我揮一揮衣袖， 不帶走一片云彩。

5.5. 包含段落的列表

語法說明：
列表項(xiàng)目可以包含多個(gè)段落，每個(gè)項(xiàng)目下的段落都必須縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符（顯示效果與代碼一致）：

  • 輕輕的我走了， 正如我輕輕的來； 我輕輕的招手， 作別西天的云彩。
    那河畔的金柳， 是夕陽中的新娘； 波光里的艷影， 在我的心頭蕩漾。
    軟泥上的青荇， 油油的在水底招搖； 在康河的柔波里， 我甘心做一條水草！

    那榆蔭下的一潭， 不是清泉， 是天上虹； 揉碎在浮藻間， 沉淀著彩虹似的夢。
    尋夢？撐一支長篙， 向青草更青處漫溯； 滿載一船星輝， 在星輝斑斕里放歌。
    但我不能放歌， 悄悄是別離的笙簫； 夏蟲也為我沉默， 沉默是今晚的康橋！

  • 悄悄的我走了， 正如我悄悄的來； 我揮一揮衣袖， 不帶走一片云彩。

如果你每行都有縮進(jìn)，看起來會(huì)看好很多，當(dāng)然，再次地，如果你很懶惰，Markdown 也允許：
代碼：

*   輕輕的我走了， 正如我輕輕的來； 我輕輕的招手， 作別西天的云彩。
那河畔的金柳， 是夕陽中的新娘； 波光里的艷影， 在我的心頭蕩漾。 
軟泥上的青荇， 油油的在水底招搖； 在康河的柔波里， 我甘心做一條水草！

     那榆蔭下的一潭， 不是清泉， 是天上虹； 揉碎在浮藻間， 沉淀著彩虹似的夢。 
尋夢？撐一支長篙， 向青草更青處漫溯； 滿載一船星輝， 在星輝斑斕里放歌。 
但我不能放歌， 悄悄是別離的笙簫； 夏蟲也為我沉默， 沉默是今晚的康橋！ 

*    悄悄的我走了， 正如我悄悄的來； 我揮一揮衣袖， 不帶走一片云彩。

顯示效果：

  • 輕輕的我走了， 正如我輕輕的來； 我輕輕的招手， 作別西天的云彩。
    那河畔的金柳， 是夕陽中的新娘； 波光里的艷影， 在我的心頭蕩漾。
    軟泥上的青荇， 油油的在水底招搖； 在康河的柔波里， 我甘心做一條水草！

    那榆蔭下的一潭， 不是清泉， 是天上虹； 揉碎在浮藻間， 沉淀著彩虹似的夢。
    尋夢？撐一支長篙， 向青草更青處漫溯； 滿載一船星輝， 在星輝斑斕里放歌。
    但我不能放歌， 悄悄是別離的笙簫； 夏蟲也為我沉默， 沉默是今晚的康橋！

  • 悄悄的我走了， 正如我悄悄的來； 我揮一揮衣袖， 不帶走一片云彩。

5.6. 包含引用的列表

語法說明：
如果要在列表項(xiàng)目內(nèi)放進(jìn)引用，那 > 就需要縮進(jìn)：

代碼：

*   閱讀的方法:

    > 打開書本。
    > 打開電燈。

顯示效果：

  • 閱讀的方法:

    打開書本。
    打開電燈。

5.7. 包含代碼區(qū)塊的引用

語法說明：
如果要放代碼區(qū)塊的話，該區(qū)塊就需要縮進(jìn)兩次，也就是 8 個(gè)空格或是 2 個(gè)制表符：

  • 一列表項(xiàng)包含一個(gè)列表區(qū)塊：
<代碼寫在這>

5.8. 一個(gè)特殊情況

在特殊情況下，項(xiàng)目列表很可能會(huì)不小心產(chǎn)生，像是下面這樣的寫法：

1986. What a great season.

會(huì)顯示成：

  1. What a great season.

換句話說，也就是在行首出現(xiàn)數(shù)字-句點(diǎn)-空白，要避免這樣的狀況，你可以在句點(diǎn)前面加上反斜杠：

1986\. What a great season.

會(huì)顯示成：

\1986. What a great season.

6. 引用

語法說明：
引用需要在被引用的文本前加上>符號(hào)。

代碼：

> 這是一個(gè)有兩段文字的引用,
>無意義的占行文字1.
>無意義的占行文字2.
>
>無意義的占行文字3.
>無意義的占行文字4.

顯示效果：

這是一個(gè)有兩段文字的引用,
無意義的占行文字1.
無意義的占行文字2.

無意義的占行文字3.
無意義的占行文字4.

Markdown 也允許你偷懶只在整個(gè)段落的第一行最前面加上 >：

代碼：

> 這是一個(gè)有兩段文字的引用,
無意義的占行文字1.
無意義的占行文字2.

>無意義的占行文字3.
無意義的占行文字4.

顯示效果：

這是一個(gè)有兩段文字的引用,
無意義的占行文字1.
無意義的占行文字2.

無意義的占行文字3.
無意義的占行文字4.

6.1. 引用的多層嵌套

區(qū)塊引用可以嵌套（例如：引用內(nèi)的引用），只要根據(jù)層次加上不同數(shù)量的 >：

代碼：

>>> 請(qǐng)問 Markdwon 怎么用？ - 小白

>>自己看教程！ - 憤青

>教程在哪？ - 小白

顯示效果：

請(qǐng)問 Markdwon 怎么用？ - 小白

自己看教程！ - 憤青

教程在哪？ - 小白

6.2. 引用其它要素

引用的區(qū)塊內(nèi)也可以使用其他的 Markdown 語法，包括標(biāo)題、列表、代碼區(qū)塊等：
代碼：

> 1.   這是第一行列表項(xiàng)。
> 2.   這是第二行列表項(xiàng)。
>
> 給出一些例子代碼：
> 
>     return shell_exec("echo $input | $markdown_script");

顯示效果：

  1. 這是第一行列表項(xiàng)。
  2. 這是第二行列表項(xiàng)。

給出一些例子代碼：

return shell_exec("echo $input | $markdown_script");

7. 插入圖像

圖片的創(chuàng)建方式與超鏈接相似，而且和超鏈接一樣也有兩種寫法，行內(nèi)式和參考式寫法。

語法中圖片Alt的意思是如果圖片因?yàn)槟承┰虿荒茱@示，就用定義的圖片Alt文字來代替圖片。 圖片Title則和鏈接中的Title一樣，表示鼠標(biāo)懸停與圖片上時(shí)出現(xiàn)的文字。 Alt 和 Title 都不是必須的，可以省略，但建議寫上。

7.1. 行內(nèi)式

語法說明： [圖片上傳失敗...(image-637d61-1596710541440)]

代碼：

快樂學(xué)習(xí)： 
![快樂學(xué)習(xí)](http://upload-images.jianshu.io/upload_images/1001659-7535c9e3fe16240d?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "快樂學(xué)習(xí)")

顯示效果：

快樂學(xué)習(xí)：

[圖片上傳失敗...(image-17b40b-1596710541440)]

快樂學(xué)習(xí)

7.2. 參考式

語法說明：
在文檔要插入圖片的地方寫![圖片Alt][標(biāo)記]

在文檔的最后寫上[標(biāo)記]:圖片地址 "Title"

代碼：

快樂學(xué)習(xí)：
![快樂學(xué)習(xí)][study]

[study]:http://upload-images.jianshu.io/upload_images/1001659-7535c9e3fe16240d?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "快樂學(xué)習(xí)"

顯示效果：
快樂學(xué)習(xí)：

[圖片上傳失敗...(image-62ccb2-1596710541440)]

快樂學(xué)習(xí)

8. 內(nèi)容目錄 （注：簡書Markdown不支持目錄功能）

在段落中填寫 [TOC] 以顯示全文內(nèi)容的目錄結(jié)構(gòu)。

效果參見最上方的目錄

9. 注腳

語法說明：

在需要添加注腳的文字后加上腳注[^注腳名字],稱為加注。 然后在文本的任意位置(一般在最后)添加腳注，腳注前必須有對(duì)應(yīng)的腳注名字。

注意：經(jīng)測試注腳與注腳之間必須空一行，不然會(huì)失效。成功后會(huì)發(fā)現(xiàn)，即使你沒有把注腳寫在文末，經(jīng)Markdown轉(zhuǎn)換后，也會(huì)自動(dòng)歸類到文章的最后。

代碼：

使用 Markdown[^1]可以效率的書寫文檔, 直接轉(zhuǎn)換成 HTML[^2], 你可以使用簡書或者支持Markdown的編輯器進(jìn)行書寫。

[^1]:Markdown是一種純文本標(biāo)記語言

[^2]:HyperText Markup Language 超文本標(biāo)記語言

顯示效果：

使用 Markdown[[1]](#fn1)可以效率的書寫文檔, 直接轉(zhuǎn)換成 HTML[2], 你可以使用簡書或者支持Markdown的編輯器進(jìn)行書寫。

注：腳注自動(dòng)被搬運(yùn)到最后面，請(qǐng)到文章末尾查看，并且腳注后方的鏈接可以直接跳轉(zhuǎn)回到加注的地方。

10. 數(shù)學(xué)公式

10.1. $ 表示行內(nèi)公式： （注：簡書Markdown不支持此公式寫法）

代碼：

質(zhì)能守恒方程可以用一個(gè)很簡潔的方程式 $E=mc^2$ 來表達(dá)。

顯示效果：
質(zhì)能守恒方程可以用一個(gè)很簡潔的方程式 [圖片上傳失敗...(image-82c6a3-1596710541440)] 來表達(dá)。

10.2 $$ 表示整行公式：（注：簡書Markdown不支持此公式寫法）

代碼：

$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}$$

顯示效果：
[圖片上傳失敗...(image-c40f8e-1596710541440)]
[圖片上傳失敗...(image-2650c-1596710541440)]%20%3D%20x_1%5E2%20%2B%20x_2%5E2%20%2B%20%5Ccdots%20%2B%20x_n%5E2)
[圖片上傳失敗...(image-894510-1596710541440)]

訪問 MathJax 參考更多使用方法。

10.3 簡書公式寫法：

使用forkosh服務(wù)器，forkosh上提供了關(guān)于Latex公式的一份簡短而很有用的幫助，參考4和5.

使用forkosh插入公式的方法是：

![](http://www.forkosh.com/mathtex.cgi? 在此處插入Latex公式)

示例1：

![](http://www.forkosh.com/mathtex.cgi? E=mc^2)

效果：
[圖片上傳失敗...(image-a87a9e-1541470046355)]
示例2：

![](http://www.forkosh.com/mathtex.cgi? \sum_{i=1}^n a_i=0)

效果：
[圖片上傳失敗...(image-3e19a0-1541470046355)]

示例3：

![](http://www.forkosh.com/mathtex.cgi?  f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2)

效果：
[圖片上傳失敗...(image-ef1b76-1541470046355)] = x_1^2 + x_2^2 + \cdots + x_n^2)

示例4：

![](http://www.forkosh.com/mathtex.cgi?  \sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k})

效果：
[圖片上傳失敗...(image-abbf39-1541470046355)]

11 .表格

語法說明：

  1. 不管是哪種方式，第一行為表頭，第二行分隔表頭和主體部分，第三行開始每一行為一個(gè)表格行。
  2. 列于列之間用管道符|隔開。原生方式的表格每一行的兩邊也要有管道符。
  3. 第二行還可以為不同的列指定對(duì)齊方向。默認(rèn)為左對(duì)齊，在-右邊加上:就右對(duì)齊。

代碼：

簡單方式寫表格：

學(xué)號(hào)|姓名|分?jǐn)?shù)
-|-|-
小明|男|75
小紅|女|79
小陸|男|92

原生方式寫表格：

|學(xué)號(hào)|姓名|分?jǐn)?shù)|
|-|-|-|
|小明|男|75|
|小紅|女|79|
|小陸|男|92|

為表格第二列指定方向：

產(chǎn)品|價(jià)格
-|-:
Leanote 高級(jí)賬號(hào)|60元/年
Leanote 超級(jí)賬號(hào)|120元/年

顯示效果：
簡單方式寫表格：

學(xué)號(hào) 姓名 分?jǐn)?shù)
小明 男 75
小紅 女 79
小陸 男 92

原生方式寫表格：

學(xué)號(hào) 姓名 分?jǐn)?shù)
小明 男 75
小紅 女 79
小陸 男 92

為表格第二列指定方向：

產(chǎn)品 價(jià)格
為知筆記VIP 60元/年
有道云筆記會(huì)員 198元/年

12. 分隔線

你可以在一行中用三個(gè)以上的星號(hào)、減號(hào)、底線來建立一個(gè)分隔線，行內(nèi)不能有其他東西。你也可以在星號(hào)或是減號(hào)中間插入空格。下面每種寫法都可以建立分隔線：

代碼：

* * *

***

*****

- - -

---------------------------------------

顯示效果都一樣：

13. 代碼

對(duì)于程序員來說這個(gè)功能是必不可少的，插入程序代碼的方式有兩種，一種是利用縮進(jìn)(Tab), 另一種是利用“`”符號(hào)（一般在ESC鍵下方）包裹代碼。

語法說明：

  1. 插入行內(nèi)代碼，即插入一個(gè)單詞或者一句代碼的情況，使用code這樣的形式插入。
  2. 插入多行代碼，可以使用縮進(jìn)或者code,具體看示例。

注意： 縮進(jìn)式插入前方必須有空行

13.1. 行內(nèi)式

代碼：

C語言里的函數(shù) `scanf()` 怎么使用？

顯示效果：

C語言里的函數(shù) scanf() 怎么使用？

13.2. 縮進(jìn)式多行代碼

縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符

一個(gè)代碼區(qū)塊會(huì)一直持續(xù)到?jīng)]有縮進(jìn)的那一行（或是文件結(jié)尾）。

代碼：

    #include <stdio.h>
    int main(void)
    {
        printf("Hello world\n");
    }

顯示效果：

#include <stdio.h>
int main(void)
{
    printf("Hello world\n");
}

13.3. 用六個(gè)`包裹多行代碼

代碼：

```
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
```

顯示效果：

#include <stdio.h>
int main(void)
{
    printf("Hello world\n");
}

13.4. 代碼高亮

代碼高亮示例:

/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
function fib(n) {
  var a = 1, b = 1;
  var tmp;
  while (--n >= 0) {
    tmp = a;
    a += b;
    b = tmp;
  }
  return a;
}
 
document.write(fib(10));

class Employee:
   empCount = 0
 
   def __init__(self, name, salary):
        self.name = name
        self.salary = salary
        Employee.empCount += 1

13.5. HTML 原始碼 （注：簡書Markdown不支持HTML原始碼）

在代碼區(qū)塊里面， & 、 < 和 > 會(huì)自動(dòng)轉(zhuǎn)成 HTML 實(shí)體，這樣的方式讓你非常容易使用 Markdown 插入范例用的 HTML 原始碼，只需要復(fù)制貼上，剩下的 Markdown 都會(huì)幫你處理，例如：

代碼：

第一個(gè)例子：

<div class="footer">
   ? 2004 Foo Corporation
</div>

第二個(gè)例子：

<table>
    <tr>
        <th rowspan="2">值班人員</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>李強(qiáng)</td>
        <td>張明</td>
        <td>王平</td>
    </tr>
</table>

顯示效果：

第一個(gè)例子：

<div class="footer">
? 2004 Foo Corporation
</div>

HTML源碼效果

第二個(gè)例子：

<table>
<tr>
<th rowspan="2">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李強(qiáng)</td>
<td>張明</td>
<td>王平</td>
</tr>
</table>

HTML表格

14. todo list （注：簡書Markdown不支持todo list）

代碼：

近期任務(wù)安排:
- [x] 整理Markdown手冊
- [ ] 改善項(xiàng)目
   - [x] 優(yōu)化首頁顯示方式
   - [x] 修復(fù)閃退問題
   - [ ] 修復(fù)視頻卡頓
- [ ] A3項(xiàng)目修復(fù)
   - [x] 修復(fù)數(shù)值錯(cuò)誤

效果：

近期任務(wù)安排:

  • 整理Markdown手冊
  • 改善項(xiàng)目
    • 優(yōu)化首頁顯示方式
    • 修復(fù)閃退問題
    • 修復(fù)視頻卡頓
  • A3項(xiàng)目修復(fù)
    • 修復(fù)數(shù)值錯(cuò)誤

15. 時(shí)序圖 （注：簡書Markdown不支持時(shí)序圖）

代碼：

```sequence
participant 客戶端 as A
participant 服務(wù)端 as B
participant 通行證中心 as C
Note over A:用戶輸入通行證賬號(hào)、密碼
A->C: 發(fā)送賬號(hào)、密碼
Note over C:驗(yàn)證賬號(hào)、密碼
C-->>A:返回token
A->B:發(fā)送token
B->C:驗(yàn)證token
C-->>B:驗(yàn)證成功
B-->>A:登陸成功
Note left of A:左邊注釋
B->B:自交互
Note right of C:右邊注釋
```
效果：

 participant 客戶端 as A
 participant 服務(wù)端 as B
 participant 通行證中心 as C
 Note over A:用戶輸入通行證賬號(hào)、密碼
 A->C: 發(fā)送賬號(hào)、密碼
 Note over C:驗(yàn)證賬號(hào)、密碼
 C-->>A:返回token
 A->B:發(fā)送token
 B->C:驗(yàn)證token
 C-->>B:驗(yàn)證成功
 B-->>A:登陸成功
 Note left of A:左邊注釋
 B->B:自交互
 Note right of C:右邊注釋

時(shí)序圖

  1. 流程圖 （注：簡書Markdown不支持流程圖）
    流程圖語法

流程圖語法

```flow
st=>start: 開始
io=>inputoutput: 驗(yàn)證
op=>operation: 選項(xiàng)
cond=>condition: 是 或 否？
sub=>subroutine: 子程序
e=>end: 結(jié)束

st->io->op->cond
cond(yes)->e
cond(no)->sub->io
```

st=>start: 開始
io=>inputoutput: 驗(yàn)證
op=>operation: 選項(xiàng)
cond=>condition: 是 或 否？
sub=>subroutine: 子程序
e=>end: 結(jié)束

st->io->op->cond
cond(yes)->e
cond(no)->sub->io

流程圖

17. 甘特圖 （注：簡書Markdown不支持甘特圖）(mermaid)

```mermaid
gantt
dateFormat YYYY-MM-DD
title 產(chǎn)品計(jì)劃表
section 初期階段
明確需求: 2017-03-01, 10d
section 中期階段
跟進(jìn)開發(fā): 2017-03-11, 9d
section 后期階段
抽查測試: 2017-03-20, 9d
```
效果：

 gantt
 dateFormat YYYY-MM-DD
 title 產(chǎn)品計(jì)劃表
 section 初期階段
 明確需求: 2017-03-01, 10d
 section 中期階段
 跟進(jìn)開發(fā): 2017-03-11, 9d
 section 后期階段
 抽查測試: 2017-03-20, 9d
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。