最近在簡(jiǎn)書上看文章逗堵，發(fā)現(xiàn)很多大神的文章里面都是將代碼以塊狀方式顯示在文章中，看起來又清晰又美觀掖看，而我還傻乎乎的在編輯器中敲完代碼再截圖眨层，這樣文章看起來好low啊庙楚，就找個(gè)一位大神請(qǐng)教他是怎么弄的，他告訴我用的markdown趴樱，我在網(wǎng)上找了資料學(xué)習(xí)了之后馒闷，覺得又簡(jiǎn)單又方便，在這里分享一下我學(xué)習(xí)心得叁征。（熟悉markdown的大神請(qǐng)自動(dòng)忽略此文章）

導(dǎo)語：Markdown 是一種輕量級(jí)的「標(biāo)記語言」纳账，它的優(yōu)點(diǎn)很多，目前也被越來越多的寫作愛好者航揉，撰稿者廣泛使用塞祈。看到這里請(qǐng)不要被「標(biāo)記」帅涂、「語言」所迷惑议薪，Markdown 的語法十分簡(jiǎn)單。常用的標(biāo)記符號(hào)也不超過十個(gè)媳友，這種相對(duì)于更為復(fù)雜的 HTML 標(biāo)記語言來說斯议，Markdown 可謂是十分輕量的，學(xué)習(xí)成本也不需要太多醇锚，且一旦熟悉這種語法規(guī)則哼御，會(huì)有一勞永逸的效果。

準(zhǔn)備工作
首先進(jìn)入“設(shè)置”在常用編輯器中勾選“markdown”焊唬。

進(jìn)入設(shè)置區(qū)

選擇Markdown編輯器

之后就可以新建文章恋昼，將模式調(diào)整到預(yù)覽模式

切換到預(yù)覽模式

之后界面就變成這樣了，在左邊編輯后可以直接在右邊預(yù)覽

markdown4.png

• 標(biāo)題

在Markdown中液肌，如果一段文字被定義為標(biāo)題，只須在這段文字前加#號(hào)即可（標(biāo)準(zhǔn)的語法中需要在*后邊加一個(gè)空格）鸥滨。一級(jí)標(biāo)題加一個(gè)#嗦哆，二級(jí)加兩個(gè)#，一共有六級(jí)標(biāo)題婿滓。

標(biāo)題.png

一級(jí)標(biāo)題和二級(jí)標(biāo)題還有另外的寫法老速，一級(jí)標(biāo)題在后邊加=（大于等于2個(gè)），二級(jí)標(biāo)題在后邊加-（大于等于2個(gè)）

一級(jí)標(biāo)題
==
二級(jí)標(biāo)題
--
### 三級(jí)標(biāo)題

效果如下

一級(jí)標(biāo)題

二級(jí)標(biāo)題

三級(jí)標(biāo)題

• lala

可以看出這個(gè)效果與加了#的效果是一樣的凸主。

• 粗體和斜體

用兩個(gè)*包含一段文本就是粗體的語法橘券，用一個(gè)*包含一段文本就是斜體的語法。

粗體和斜體.png

• 有序列表和無序列表

列表的顯示只需要在文字前加上-或*即可變?yōu)闊o序列表卿吐，看其他人的博客說有序列表則需要在文字前加1. 2. 3.符號(hào)并且文字之前加上一個(gè)字符的空格旁舰，但是我實(shí)驗(yàn)的不是這樣的，加了空格反而變成了無序列表但两，所以覺得應(yīng)該是不加空格的（哪位大神能幫忙看下是為什么鬓梅，請(qǐng)看列表3。問題已解決可以在有序和無序之間加兩個(gè)回車）谨湘。

列表.png

• 添加引用

如果你要引用別處的句子绽快，那么就要用引用的格式。需要在文本前加入>這種尖括號(hào)(大于號(hào))即可紧阔。
例如

>這是引用啦啦啦

效果是這樣的

我是引用啦啦啦

也可以在引用中嵌套引用坊罢，例如

>我是引用啦啦啦
>>我是二級(jí)引用啦啦啦

效果如下

我是引用啦啦啦

我是二級(jí)引用啦啦啦

• 代碼塊

塊狀顯示代碼要在代碼的開頭和結(jié)尾加三個(gè)反引號(hào)，這個(gè)符號(hào)在Esc鍵下面擅耽，切換到英文下即可活孩。

代碼塊.png

• 行內(nèi)代碼

還有一種是行內(nèi)代碼，同樣使用反單引號(hào)乖仇，代碼開頭結(jié)尾各加一個(gè)反單引號(hào)憾儒，例如

行內(nèi)代碼.png

• 鏈接

鏈接包括兩種形式：行內(nèi)式和參考式询兴。
1.行內(nèi)鏈接

使用[](link "Optional title")表示行內(nèi)鏈接。
其中[]內(nèi)的內(nèi)容為要添加鏈接的文字
link為鏈接地址
Optional title為顯示標(biāo)題起趾。

Optional title顯示標(biāo)題的效果就是在你將鼠標(biāo)放到鏈接上后诗舰，會(huì)顯示一個(gè)小框提示，提示的內(nèi)容就是Optional title里的內(nèi)容（中文亂碼训裆，不能識(shí)別）眶根。
例

[櫻桃的簡(jiǎn)書](www.baidu.com "baidu")

效果：櫻桃的簡(jiǎn)書

2.參考鏈接

1. [html][1]
2. [css][2]
3. [iavascript][3]
[1]: 網(wǎng)址1
[2]: 網(wǎng)址2
[3]: 網(wǎng)址3

效果如下

1. [html][1]
2. [css][2]
3. [iavascript][3]
   [1]: 網(wǎng)址1
   [2]: 網(wǎng)址2
   [3]: 網(wǎng)址3
   因?yàn)槲疫@里沒給具體的網(wǎng)址，所以點(diǎn)擊是沒有效果的边琉，找不到網(wǎng)頁属百。
   參考式鏈接可以重復(fù)使用，一般都是將一些鏈接放在一起統(tǒng)一管理变姨，如一段文字后面或文章結(jié)尾族扰。

• 圖片

插入圖片與插入鏈接的語法很像，區(qū)別在一個(gè)!號(hào)钳恕，而且也有行內(nèi)式和參考式兩種别伏。
1.行內(nèi)式
插入圖片語法為：

![](/path/to/img.jpg "Optional title")

其中

Alt text為如果圖片無法顯示時(shí)顯示的文字。
/path/to/img.jpg為圖片所在路徑忧额。
Optional title為顯示標(biāo)題厘肮。

Optional title的顯示效果為在你將鼠標(biāo)放到圖片上后，會(huì)顯示一個(gè)小框提示睦番，提示的內(nèi)容就是Optional title类茂。
更簡(jiǎn)單的方法就是直接將圖片拖拽進(jìn)來，圖片會(huì)自動(dòng)生成這樣的一種格式托嚣，例如以下是我拖拽進(jìn)來的一張圖片巩检。

圖片.png

2.參考式

![圖片1][1]
[1]: 圖片地址

效果如下，插入了圖1示启。
![圖片1][1]
[1]: http://upload-images.jianshu.io/upload_images/5217911-b5888a0b4800ae86.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

• 表格

第一種寫法
先來看代碼

 |one | two|three |four|
 |:---|---:| :----:|---|
 |1   |  2 |      3|  4|

結(jié)果

從結(jié)果可以看出來,這四列的標(biāo)題及文本對(duì)齊的方式不一樣兢哭，這個(gè)是有第二行的冒號(hào)決定的

冒號(hào)在左邊標(biāo)題及文本左對(duì)齊
冒號(hào)在右邊標(biāo)題及文本右對(duì)齊
冒號(hào)在兩邊標(biāo)題及文本居中
沒有冒號(hào)的第四列是默認(rèn)格式

第二種寫法

 one  | two |three|four
 :----|----:| :--:|-----
 1    | 2   | 3   |  4

效果

可以看出效果是一樣的。第二種寫法就是去掉最外層的豎線夫嗓。