Markdown 語法手冊(cè) (完整整理版)
原創(chuàng) 2016年09月15日 22:35:35
標(biāo)簽:
72234
0. 目錄
1. 斜體和粗體
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
*斜體*或_斜體_
**粗體**
***加粗斜體***
~~刪除線~~
</pre>
顯示效果:
- 這是一段斜體
- 這是一段粗體
- 這是一段加粗斜體
這是一段刪除線
2. 分級(jí)標(biāo)題
第一種寫法:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
這是一個(gè)一級(jí)標(biāo)題
============================
這是一個(gè)二級(jí)標(biāo)題
--------------------------------------------------
</pre>
第二種寫法:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
#### 四級(jí)標(biāo)題
##### 五級(jí)標(biāo)題
###### 六級(jí)標(biāo)題
</pre>
由于用了[TOC]標(biāo)記編輯器會(huì)把所有標(biāo)題寫到目錄大綱中,在這里寫的演示標(biāo)題也會(huì)列進(jìn)去彰檬,所以就不演示了死陆。同學(xué)們自己在編輯器中觀察平酿,很簡(jiǎn)單,一級(jí)標(biāo)題字號(hào)最大褪秀,依級(jí)遞減兑宇。
3. 超鏈接
Markdown 支持兩種形式的鏈接語法: 行內(nèi)式和參考式兩種形式就漾,行內(nèi)式一般使用較多。
3.1. 行內(nèi)式
語法說明:
- []里寫鏈接文字痕慢,()里寫鏈接地址, ()中的”“中可以為鏈接指定title屬性尚揣,title屬性可加可不加。title屬性的效果是鼠標(biāo)懸停在鏈接上會(huì)出現(xiàn)指定的 title文字掖举。[鏈接文字](鏈接地址 “鏈接標(biāo)題”)’這樣的形式快骗。鏈接地址與鏈接標(biāo)題前有一個(gè)空格。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
歡迎來到[梵居鬧市](http://blog.leanote.com/freewalk)
歡迎來到[梵居鬧市](http://blog.leanote.com/freewalk "梵居鬧市")
</pre>
顯示效果:
歡迎來到梵居鬧市
歡迎來到梵居鬧市
3.2. 參考式
參考式超鏈接一般用在學(xué)術(shù)論文上面拇泛,或者另一種情況滨巴,如果某一個(gè)鏈接在文章中多處使用,那么使用引用 的方式創(chuàng)建鏈接將非常好俺叭,它可以讓你對(duì)鏈接進(jìn)行統(tǒng)一的管理恭取。
語法說明:
參考式鏈接分為兩部分,文中的寫法 [鏈接文字][鏈接標(biāo)記]熄守,在文本的任意位置添加[鏈接標(biāo)記]:鏈接地址 “鏈接標(biāo)題”蜈垮,鏈接地址與鏈接標(biāo)題前有一個(gè)空格。
如果鏈接文字本身可以做為鏈接標(biāo)記裕照,你也可以寫成[鏈接文字][]
[鏈接文字]:鏈接地址的形式攒发,見代碼的最后一行。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
我經(jīng)常去的幾個(gè)網(wǎng)站[Google][1]晋南、[Leanote][2]以及[自己的博客][3]
[Leanote 筆記][2]是一個(gè)不錯(cuò)的[網(wǎng)站][]惠猿。
[1]:http://www.google.com "Google"
[2]:http://www.leanote.com "Leanote"
[3]:http://http://blog.leanote.com/freewalk "梵居鬧市"
[網(wǎng)站]:http://http://blog.leanote.com/freewalk
</pre>
顯示效果:
我經(jīng)常去的幾個(gè)網(wǎng)站Google、Leanote以及自己的博客
Leanote 筆記是一個(gè)不錯(cuò)的網(wǎng)站负间。
3.3. 自動(dòng)鏈接
語法說明:
Markdown 支持以比較簡(jiǎn)短的自動(dòng)鏈接形式來處理網(wǎng)址和電子郵件信箱偶妖,只要是用<>包起來, Markdown 就會(huì)自動(dòng)把它轉(zhuǎn)成鏈接政溃。一般網(wǎng)址的鏈接文字就和鏈接地址一樣趾访,例如:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
<http://example.com/>
<address@example.com>
</pre>
顯示效果:
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)的。
注意:
1. Markdown Extra 只支持在標(biāo)題后插入錨點(diǎn)竿痰,其它地方無效脆粥。
2. Leanote 編輯器右側(cè)顯示效果區(qū)域暫時(shí)不支持錨點(diǎn)跳轉(zhuǎn),所以點(diǎn)來點(diǎn)去發(fā)現(xiàn)沒有跳轉(zhuǎn)不必驚慌影涉,但是你發(fā)布成筆記或博文后是支持跳轉(zhuǎn)的变隔。
語法描述:
在你準(zhǔn)備跳轉(zhuǎn)到的指定標(biāo)題后插入錨點(diǎn){#標(biāo)記},然后在文檔的其它地方寫上連接到錨點(diǎn)的鏈接蟹倾。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
## 0\. 目錄{#index}
跳轉(zhuǎn)到[目錄](#index)
</pre>
顯示效果:
跳轉(zhuǎn)到目錄
5. 列表
5.1. 無序列表
使用 *匣缘,+,- 表示無序列表鲜棠。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
- 無序列表項(xiàng) 一
- 無序列表項(xiàng) 二
- 無序列表項(xiàng) 三
</pre>
顯示效果:
- 無序列表項(xiàng) 一
- 無序列表項(xiàng) 二
- 無序列表項(xiàng) 三
5.2. 有序列表
有序列表則使用數(shù)字接著一個(gè)英文句點(diǎn)肌厨。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
1. 有序列表項(xiàng) 一
2. 有序列表項(xiàng) 二
3. 有序列表項(xiàng) 三
</pre>
顯示效果:
- 有序列表項(xiàng) 一
- 有序列表項(xiàng) 二
- 有序列表項(xiàng) 三
5.3. 定義型列表
語法說明:
定義型列表由名詞和解釋組成。一行寫上定義豁陆,緊跟一行寫上解釋柑爸。解釋的寫法:緊跟一個(gè)縮進(jìn)(Tab)
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
Markdown
: 輕量級(jí)文本標(biāo)記語言,可以轉(zhuǎn)換成html盒音,pdf等格式(左側(cè)有一個(gè)可見的冒號(hào)和四個(gè)不可見的空格)
代碼塊 2
: 這是代碼塊的定義(左側(cè)有一個(gè)可見的冒號(hào)和四個(gè)不可見的空格)
代碼塊(左側(cè)有八個(gè)不可見的空格)
</pre>
顯示效果:
<dl style="margin: 24px 24px 20px; padding: 0px; font-weight: 400; box-sizing: border-box; list-style: none; font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size: 18px; line-height: 30px; word-wrap: break-word; color: rgb(51, 51, 51);">
<dt style="margin: 8px; padding: 0px; font-weight: bold; box-sizing: border-box; list-style: none; word-wrap: break-word;">Markdown</dt>
<dd style="margin: 0px 0px 8px; padding: 0px; font-weight: 400; box-sizing: border-box; list-style: none; word-wrap: break-word;">輕量級(jí)文本標(biāo)記語言表鳍,可以轉(zhuǎn)換成html,pdf等格式</dd>
<dt style="margin: 8px; padding: 0px; font-weight: bold; box-sizing: border-box; list-style: none; word-wrap: break-word;">代碼塊 2</dt>
<dd style="margin: 0px 0px 8px; padding: 0px; font-weight: 400; box-sizing: border-box; list-style: none; word-wrap: break-word;">
這是代碼塊的定義
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 14px; line-height: 22px; color: rgb(0, 0, 0); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
代碼塊(左側(cè)有八個(gè)不可見的空格)
</pre>
</dd>
</dl>
5.3. 列表縮進(jìn)
語法說明:
列表項(xiàng)目標(biāo)記通常是放在最左邊祥诽,但是其實(shí)也可以縮進(jìn)譬圣,最多 3 個(gè)空格,項(xiàng)目標(biāo)記后面則一定要接著至少一個(gè)空格或制表符雄坪。
要讓列表看起來更漂亮厘熟,你可以把內(nèi)容用固定的縮進(jìn)整理好(顯示效果與代碼一致):
- 輕輕的我走了, 正如我輕輕的來维哈; 我輕輕的招手盯漂, 作別西天的云彩。
那河畔的金柳笨农, 是夕陽中的新娘; 波光里的艷影帖渠, 在我的心頭蕩漾谒亦。
軟泥上的青荇, 油油的在水底招搖; 在康河的柔波里份招, 我甘心做一條水草切揭! - 那榆蔭下的一潭, 不是清泉锁摔, 是天上虹廓旬; 揉碎在浮藻間, 沉淀著彩虹似的夢(mèng)谐腰。
尋夢(mèng)孕豹?撐一支長(zhǎng)篙, 向青草更青處漫溯十气; 滿載一船星輝励背, 在星輝斑斕里放歌。
但我不能放歌砸西, 悄悄是別離的笙簫叶眉; 夏蟲也為我沉默, 沉默是今晚的康橋芹枷!
悄悄的我走了衅疙, 正如我悄悄的來; 我揮一揮衣袖鸳慈, 不帶走一片云彩饱溢。
但是如果你懶,那也行:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
* 輕輕的我走了蝶涩, 正如我輕輕的來理朋; 我輕輕的招手, 作別西天的云彩绿聘。
那河畔的金柳嗽上, 是夕陽中的新娘; 波光里的艷影熄攘, 在我的心頭蕩漾兽愤。
軟泥上的青荇, 油油的在水底招搖挪圾; 在康河的柔波里浅萧, 我甘心做一條水草!
* 那榆蔭下的一潭哲思, 不是清泉洼畅, 是天上虹; 揉碎在浮藻間棚赔, 沉淀著彩虹似的夢(mèng)帝簇。
尋夢(mèng)徘郭?撐一支長(zhǎng)篙, 向青草更青處漫溯丧肴; 滿載一船星輝残揉, 在星輝斑斕里放歌。
但我不能放歌芋浮, 悄悄是別離的笙簫抱环; 夏蟲也為我沉默纸巷, 沉默是今晚的康橋何暇!
悄悄的我走了陶夜, 正如我悄悄的來条辟; 我揮一揮衣袖, 不帶走一片云彩宏胯。
</pre>
顯示效果:
- 輕輕的我走了肩袍, 正如我輕輕的來氛赐; 我輕輕的招手艰管, 作別西天的云彩牲芋。
那河畔的金柳缸浦, 是夕陽中的新娘歹鱼; 波光里的艷影醉冤, 在我的心頭蕩漾蚁阳。
軟泥上的青荇螺捐, 油油的在水底招搖定血; 在康河的柔波里, 我甘心做一條水草茫虽! - 那榆蔭下的一潭濒析, 不是清泉, 是天上虹盾致; 揉碎在浮藻間庭惜, 沉淀著彩虹似的夢(mèng)蜈块。
尋夢(mèng)?撐一支長(zhǎng)篙器一, 向青草更青處漫溯祈秕; 滿載一船星輝志鞍, 在星輝斑斕里放歌固棚。
但我不能放歌, 悄悄是別離的笙簫呜师; 夏蟲也為我沉默汁汗, 沉默是今晚的康橋!
悄悄的我走了送爸, 正如我悄悄的來袭厂; 我揮一揮衣袖, 不帶走一片云彩橄杨。
5.4. 包含段落的列表
語法說明:
列表項(xiàng)目可以包含多個(gè)段落,每個(gè)項(xiàng)目下的段落都必須縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符(顯示效果與代碼一致):
-
輕輕的我走了采转, 正如我輕輕的來故慈; 我輕輕的招手干签, 作別西天的云彩。
那河畔的金柳, 是夕陽中的新娘筋岛; 波光里的艷影, 在我的心頭蕩漾柒傻。
軟泥上的青荇, 油油的在水底招搖预侯; 在康河的柔波里萎馅, 我甘心做一條水草!那榆蔭下的一潭峭竣, 不是清泉, 是天上虹毅访; 揉碎在浮藻間蟆融, 沉淀著彩虹似的夢(mèng)型酥。
尋夢(mèng)?撐一支長(zhǎng)篙由境, 向青草更青處漫溯; 滿載一船星輝纺阔, 在星輝斑斕里放歌。
但我不能放歌婆翔, 悄悄是別離的笙簫; 夏蟲也為我沉默最蕾, 沉默是今晚的康橋! 悄悄的我走了醋拧, 正如我悄悄的來庆械; 我揮一揮衣袖缭乘, 不帶走一片云彩。
如果你每行都有縮進(jìn),看起來會(huì)看好很多绰寞,當(dāng)然觉壶,再次地铜靶,如果你很懶惰已艰,Markdown 也允許:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
* 輕輕的我走了, 正如我輕輕的來; 我輕輕的招手舱禽, 作別西天的云彩。
那河畔的金柳里伯, 是夕陽中的新娘全谤; 波光里的艷影, 在我的心頭蕩漾。
軟泥上的青荇毕骡, 油油的在水底招搖; 在康河的柔波里叙凡, 我甘心做一條水草!
那榆蔭下的一潭, 不是清泉燥撞, 是天上虹; 揉碎在浮藻間茶鉴, 沉淀著彩虹似的夢(mèng)惭蹂。
尋夢(mèng)?撐一支長(zhǎng)篙, 向青草更青處漫溯航缀; 滿載一船星輝, 在星輝斑斕里放歌。
但我不能放歌抠藕, 悄悄是別離的笙簫; 夏蟲也為我沉默, 沉默是今晚的康橋!
* 悄悄的我走了, 正如我悄悄的來髓梅; 我揮一揮衣袖, 不帶走一片云彩。
</pre>
顯示效果:
-
輕輕的我走了蟋字, 正如我輕輕的來苛聘; 我輕輕的招手, 作別西天的云彩。
那河畔的金柳, 是夕陽中的新娘活烙; 波光里的艷影, 在我的心頭蕩漾。
軟泥上的青荇怯晕, 油油的在水底招搖堵第; 在康河的柔波里阀捅, 我甘心做一條水草赏廓!那榆蔭下的一潭, 不是清泉既忆, 是天上虹宇挫; 揉碎在浮藻間翠储, 沉淀著彩虹似的夢(mèng)。
尋夢(mèng)橡疼?撐一支長(zhǎng)篙援所, 向青草更青處漫溯; 滿載一船星輝欣除, 在星輝斑斕里放歌。
但我不能放歌历帚, 悄悄是別離的笙簫滔岳; 夏蟲也為我沉默, 沉默是今晚的康橋挽牢! 悄悄的我走了澈蟆, 正如我悄悄的來; 我揮一揮衣袖卓研, 不帶走一片云彩。
5.5. 包含引用的列表
語法說明:
如果要在列表項(xiàng)目?jī)?nèi)放進(jìn)引用睹簇,那 > 就需要縮進(jìn):
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
* 閱讀的方法:
> 打開書本奏赘。
> 打開電燈。
</pre>
顯示效果:
-
閱讀的方法:
打開書本太惠。
打開電燈磨淌。
5.6. 包含代碼區(qū)塊的引用
語法說明:
如果要放代碼區(qū)塊的話,該區(qū)塊就需要縮進(jìn)兩次凿渊,也就是 8 個(gè)空格或是 2 個(gè)制表符:
-
一列表項(xiàng)包含一個(gè)列表區(qū)塊:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 14px; line-height: 22px; color: rgb(0, 0, 0); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
<代碼寫在這>
</pre>
5.7. 一個(gè)特殊情況
在特殊情況下梁只,項(xiàng)目列表很可能會(huì)不小心產(chǎn)生缚柳,像是下面這樣的寫法:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
1986. What a great season.
</pre>
會(huì)顯示成:
- What a great season.
換句話說,也就是在行首出現(xiàn)數(shù)字-句點(diǎn)-空白搪锣,要避免這樣的狀況秋忙,你可以在句點(diǎn)前面加上反斜杠:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
1986\. What a great season.
</pre>
會(huì)顯示成:
1986. What a great season.
6. 引用
語法說明:
引用需要在被引用的文本前加上>符號(hào)。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
> 這是一個(gè)有兩段文字的引用,
> 無意義的占行文字1.
> 無意義的占行文字2.
>
> 無意義的占行文字3.
> 無意義的占行文字4.
</pre>
顯示效果:
這是一個(gè)有兩段文字的引用,
無意義的占行文字1.
無意義的占行文字2.無意義的占行文字3.
無意義的占行文字4.
Markdown 也允許你偷懶只在整個(gè)段落的第一行最前面加上 > :
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
> 這是一個(gè)有兩段文字的引用,
無意義的占行文字1.
無意義的占行文字2.
> 無意義的占行文字3.
無意義的占行文字4.
</pre>
顯示效果:
這是一個(gè)有兩段文字的引用,
無意義的占行文字1.
無意義的占行文字2.無意義的占行文字3.
無意義的占行文字4.
6.1. 引用的多層嵌套
區(qū)塊引用可以嵌套(例如:引用內(nèi)的引用)构舟,只要根據(jù)層次加上不同數(shù)量的 > :
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
>>> 請(qǐng)問 Markdwon 怎么用灰追? - 小白
>> 自己看教程! - 憤青
> 教程在哪狗超? - 小白
</pre>
顯示效果:
請(qǐng)問 Markdwon 怎么用弹澎? - 小白
自己看教程! - 憤青
教程在哪努咐? - 小白
6.2. 引用其它要素
引用的區(qū)塊內(nèi)也可以使用其他的 Markdown 語法苦蒿,包括標(biāo)題、列表渗稍、代碼區(qū)塊等:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
> 1. 這是第一行列表項(xiàng)佩迟。
> 2. 這是第二行列表項(xiàng)。
>
> 給出一些例子代碼:
>
> return shell_exec("echo $input | $markdown_script");
</pre>
顯示效果:
- 這是第一行列表項(xiàng)免胃。
- 這是第二行列表項(xiàng)音五。
給出一些例子代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 14px; line-height: 22px; color: rgb(0, 0, 0); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
return shell_exec("echo $input | $markdown_script");
</pre>
7. 插入圖像
圖片的創(chuàng)建方式與超鏈接相似,而且和超鏈接一樣也有兩種寫法羔沙,行內(nèi)式和參考式寫法躺涝。
語法中圖片Alt的意思是如果圖片因?yàn)槟承┰虿荒茱@示,就用定義的圖片Alt文字來代替圖片扼雏。 圖片Title則和鏈接中的Title一樣坚嗜,表示鼠標(biāo)懸停與圖片上時(shí)出現(xiàn)的文字。 Alt 和 Title 都不是必須的诗充,可以省略苍蔬,但建議寫上。
7.1. 行內(nèi)式
語法說明:[圖片上傳失敗...(image-69d137-1518077788640)]
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
美麗花兒:
![美麗花兒](http://upload-images.jianshu.io/upload_images/4416412-cc44a55a6b975181.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "美麗花兒")
</pre>
顯示效果:
美麗花兒:
7.2. 參考式
語法說明:
在文檔要插入圖片的地方寫![圖片Alt][標(biāo)記]
在文檔的最后寫上[標(biāo)記]:圖片地址 “Title”
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
美麗花兒:
![美麗花兒][flower]
[flower]:http://ww2.sinaimg.cn/large/56d258bdjw1eugeubg8ujj21kw16odn6.jpg "美麗花兒"
</pre>
顯示效果:
美麗花兒:
8. 內(nèi)容目錄
在段落中填寫 [TOC]
以顯示全文內(nèi)容的目錄結(jié)構(gòu)蝴蜓。
效果參見最上方的目錄
9. 注腳
語法說明:
在需要添加注腳的文字后加上腳注名字[^注腳名字],稱為加注碟绑。 然后在文本的任意位置(一般在最后)添加腳注,腳注前必須有對(duì)應(yīng)的腳注名字茎匠。
注意:經(jīng)測(cè)試注腳與注腳之間必須空一行格仲,不然會(huì)失效。成功后會(huì)發(fā)現(xiàn)诵冒,即使你沒有把注腳寫在文末凯肋,經(jīng)Markdown轉(zhuǎn)換后,也會(huì)自動(dòng)歸類到文章的最后汽馋。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
使用 Markdown[^1]可以效率的書寫文檔, 直接轉(zhuǎn)換成 HTML[^2], 你可以使用 Leanote[^Le] 編輯器進(jìn)行書寫侮东。
[^1]:Markdown是一種純文本標(biāo)記語言
[^2]:HyperText Markup Language 超文本標(biāo)記語言
[^Le]:開源筆記平臺(tái)圈盔,支持Markdown和筆記直接發(fā)為博文
</pre>
顯示效果:
使用 Markdown1可以效率的書寫文檔, 直接轉(zhuǎn)換成 HTML2, 你可以使用 Leanote3 編輯器進(jìn)行書寫。
注:腳注自動(dòng)被搬運(yùn)到最后面悄雅,請(qǐng)到文章末尾查看驱敲,并且腳注后方的鏈接可以直接跳轉(zhuǎn)回到加注的地方。
10. LaTeX 公式
10.1. $ 表示行內(nèi)公式:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
質(zhì)能守恒方程可以用一個(gè)很簡(jiǎn)潔的方程式 $E=mc^2$ 來表達(dá)煤伟。
</pre>
顯示效果:
質(zhì)能守恒方程可以用一個(gè)很簡(jiǎn)潔的方程式 <nobr style="box-sizing: border-box; word-wrap: break-word; border: 0px; padding: 0px; margin: 0px; max-width: none; max-height: none; min-width: 0px; min-height: 0px; vertical-align: 0px;">E=mc2</nobr>E=mc2 來表達(dá)癌佩。
10.2 $$ 表示整行公式:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
$\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}$
</pre>
顯示效果:
<nobr style="box-sizing: border-box; word-wrap: break-word; border: 0px; padding: 0px; margin: 0px; max-width: none; max-height: none; min-width: 0px; min-height: 0px; vertical-align: 0px;">∑i=1nai=0</nobr>∑i=1nai=0
<nobr style="box-sizing: border-box; word-wrap: break-word; border: 0px; padding: 0px; margin: 0px; max-width: none; max-height: none; min-width: 0px; min-height: 0px; vertical-align: 0px;">f(x1,xx,…,xn)=x21+x22+?+x2n</nobr>f(x1,xx,…,xn)=x12+x22+?+xn2
<nobr style="box-sizing: border-box; word-wrap: break-word; border: 0px; padding: 0px; margin: 0px; max-width: none; max-height: none; min-width: 0px; min-height: 0px; vertical-align: 0px;">∑k=0j?1γ?kjzk</nobr>∑k=0j?1γ^kjzk
訪問 MathJax 參考更多使用方法。
11. 流程圖
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
flow
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
</pre>
顯示效果:
StartverificationYour OperationYes or No?EndYour Subroutineyesno
更多語法參考:流程圖語法參考
12 .表格
語法說明:
- 不管是哪種方式便锨,第一行為表頭围辙,第二行分隔表頭和主體部分,第三行開始每一行為一個(gè)表格行放案。
- 列于列之間用管道符|隔開姚建。原生方式的表格每一行的兩邊也要有管道符。
- 第二行還可以為不同的列指定對(duì)齊方向吱殉。默認(rèn)為左對(duì)齊掸冤,在-右邊加上:就右對(duì)齊。
代碼:
簡(jiǎn)單方式寫表格:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
學(xué)號(hào)|姓名|分?jǐn)?shù)
-|-|-
小明|男|75
小紅|女|79
小陸|男|92
</pre>
原生方式寫表格:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
|學(xué)號(hào)|姓名|分?jǐn)?shù)|
|-|-|-|
|小明|男|75|
|小紅|女|79|
|小陸|男|92|
</pre>
為表格第二列指定方向:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
產(chǎn)品|價(jià)格
-|-:
Leanote 高級(jí)賬號(hào)|60元/年
Leanote 超級(jí)賬號(hào)|120元/年
</pre>
顯示效果:
簡(jiǎn)單方式寫表格:
學(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元/年 |
13. 分隔線
你可以在一行中用三個(gè)以上的星號(hào)友雳、減號(hào)稿湿、底線來建立一個(gè)分隔線,行內(nèi)不能有其他東西押赊。你也可以在星號(hào)或是減號(hào)中間插入空格饺藤。下面每種寫法都可以建立分隔線:
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
* * *
***
*****
- - -
---------------------------------------
</pre>
顯示效果都一樣:
14. 代碼
對(duì)于程序員來說這個(gè)功能是必不可少的,插入程序代碼的方式有兩種流礁,一種是利用縮進(jìn)(Tab), 另一種是利用”`”符號(hào)(一般在ESC鍵下方)包裹代碼涕俗。
語法說明:
- 插入行內(nèi)代碼,即插入一個(gè)單詞或者一句代碼的情況神帅,使用
code
這樣的形式插入再姑。 - 插入多行代碼,可以使用縮進(jìn)或者“
code “
,具體看示例找御。
注意: 縮進(jìn)式插入前方必須有空行
8.1. 行內(nèi)式
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
-
C語言里的函數(shù)
scanf()怎么使用元镀?
</pre>
顯示效果:
C語言里的函數(shù) scanf()
怎么使用?
8.2. 縮進(jìn)式多行代碼
縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符
一個(gè)代碼區(qū)塊會(huì)一直持續(xù)到?jīng)]有縮進(jìn)的那一行(或是文件結(jié)尾)霎桅。
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
</pre>
顯示效果:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
</pre>
8.3. 用六個(gè)`包裹多行代碼
代碼:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
栖疑、、哆档、
</pre>
顯示效果:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
</pre>
8.4. HTML 原始碼
在代碼區(qū)塊里面, & 住闯、 < 和 > 會(huì)自動(dòng)轉(zhuǎn)成 HTML 實(shí)體瓜浸,這樣的方式讓你非常容易使用 Markdown 插入范例用的 HTML 原始碼澳淑,只需要復(fù)制貼上,剩下的 Markdown 都會(huì)幫你處理插佛,例如:
代碼:
第一個(gè)例子:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
<div class="footer">
? 2004 Foo Corporation
</div>
</pre>
第二個(gè)例子:
<pre class="prettyprint linenums prettyprinted" name="code" style="margin: 0px 0px 10px; padding: 18px; font-weight: 400; box-sizing: border-box; position: relative; overflow-y: hidden; overflow-x: auto; border: 1px solid rgb(225, 225, 232); background-color: rgb(247, 247, 249); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">
<table>
<tr>
<th rowspan="2">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李強(qiáng)</td>
<td>張明</td>
<td>王平</td>
</tr>
</table>
</pre>
顯示效果:
第一個(gè)例子:
? 2004 Foo Corporation
第二個(gè)例子:
| 值班人員 | 星期一 | 星期二 | 星期三 |
| 李強(qiáng) | 張明 | 王平 |