前言##
既然是入門學(xué)習(xí)，那還是要穩(wěn)扎穩(wěn)打盯蝴，根據(jù)簡(jiǎn)書官方給出的獻(xiàn)給寫作者的 Markdown 新手指南和Markdown 語(yǔ)法說(shuō)明 (簡(jiǎn)體中文版),將Markdown細(xì)細(xì)了解一下。下面就進(jìn)入正題听怕。
Markdown是什么捧挺？##
通過(guò)度娘，我們可以知道叉跛，
Markdown是一種可以使用普通文本編輯器編寫的標(biāo)記語(yǔ)言松忍，通過(guò)簡(jiǎn)單的標(biāo)記語(yǔ)法蒸殿，它可以使普通文本內(nèi)容具有一定的格式筷厘。
通俗的說(shuō)，Markdown是一種標(biāo)記規(guī)則宏所，它通過(guò)一些約定好的符號(hào)來(lái)整理文本格式酥艳。
那么我們來(lái)體驗(yàn)一下：
Markdown形式的文本：我們來(lái)嘗試一下**加粗**,*斜體*,還可以嘗試[看看其他文章](http://www.reibang.com/p/ffe9f5035dd0)。
在瀏覽器上看到的結(jié)果：我們來(lái)嘗試一下加粗,斜體,還可以嘗試看看其他文章爬骤。
那么下面將開始更加細(xì)致的介紹Markdown的相關(guān)語(yǔ)法充石。
Markdown常用語(yǔ)法介紹##
1.標(biāo)題####
Markdown的規(guī)則中，標(biāo)題也是類似于Word中的標(biāo)題一樣霞玄，字號(hào)會(huì)略大于正文并且有加粗效果骤铃，只是這里定義標(biāo)題更為方便拉岁，使用‘#’符號(hào)將所要定義為標(biāo)題的內(nèi)容包裹起來(lái)即可（其實(shí)只有內(nèi)容左側(cè)的#即可，但是我為了美觀起見(jiàn)惰爬，一般都喜歡用對(duì)稱的）喊暖。如下所示：
#這是H1標(biāo)題#
##這是H2標(biāo)題##
......以此類推
######這是H6標(biāo)題######
產(chǎn)生如下效果：
這是H1標(biāo)題#
這是H2標(biāo)題##
......以此類推
這是H6標(biāo)題######
它的效果就是在瀏覽器上顯示時(shí)，將標(biāo)題部分放入對(duì)應(yīng)的<h></h>標(biāo)簽中撕瞧。
2.分隔線####
分隔線是我比較愛(ài)用的一個(gè)符號(hào)陵叽，它可以很明顯的幫助讀者將文章分塊。Markdown中丛版，召喚一條分割線只需要點(diǎn)擊-巩掺、_或*三次以上，為什么是三次呢页畦？原因后面會(huì)細(xì)細(xì)道來(lái)(0.o).下面我們先嘗試一下：
我
要
被
***
分（這里紅了胖替！說(shuō)明有問(wèn)題！）
---
開
___
啦
效果如下：
我
要
被
分
開
啦
顯然豫缨，沒(méi)有達(dá)到我們的預(yù)期刊殉，少了一條分隔線。
那么我們?cè)賮?lái)試試這樣寫：
我
要
被
***
分（后面加個(gè)換行）
---
開
___
啦
效果如下：
我
要
被
分
開
啦
這次妥妥的(≧▽≦)/
由此州胳，我們可以得出在利用-召喚分隔線時(shí)记焊，會(huì)有不穩(wěn)定的可能，要注意換行栓撞。而其他兩個(gè)符號(hào)基本沒(méi)問(wèn)題遍膜。對(duì)了，這個(gè)分隔線其實(shí)也就是在對(duì)應(yīng)的HTML文件中的指定位置加了一個(gè)<hr>標(biāo)簽瓤湘。
3.強(qiáng)調(diào)####
還記得我剛剛挖的坑嗎瓢颅？（沒(méi)有錯(cuò)，就是那個(gè)為什么是“三次”的坑）
我現(xiàn)在要開始填坑啦弛说！
為什么需要點(diǎn)擊_或*三次以上才能召喚分隔線挽懦，因?yàn)橐淮魏蛢纱味加脕?lái)作為表示強(qiáng)調(diào)了(╯‵□′)╯︵┻━┻。
比如使用-木人、_和*一次的效果：
_單下劃線_,*單星號(hào)*,-單減號(hào)-
結(jié)果如→單下劃線,單星號(hào),-單減號(hào)-信柿。
使用-、_和*兩次的效果：
__雙下劃線__,**雙星號(hào)**,--雙減號(hào)--
結(jié)果如→雙下劃線,雙星號(hào)醒第，--雙減號(hào)--渔嚷。
由上可知，使用_和*一次的效果是將文字內(nèi)容變?yōu)?em>斜體稠曼，也就是將內(nèi)容放入<em></em>標(biāo)簽中形病；使用_和*兩次的效果是將文字內(nèi)容加粗，也就是將內(nèi)容放入<strong></strong>標(biāo)簽中。無(wú)論_和*使用一次或兩次漠吻，都起到了強(qiáng)調(diào)的作用量瓜。然而減號(hào)無(wú)論怎么使用，在強(qiáng)調(diào)時(shí)都并沒(méi)有什么卵用途乃。
另外還有個(gè)~榔至，也可以起到一種奇怪的強(qiáng)調(diào)作用，比如：當(dāng)我沒(méi)說(shuō)過(guò)欺劳。
這個(gè)其實(shí)就是將內(nèi)容放到了<del></del>標(biāo)簽中的效果唧取。
4.列表####
Markdown 支持有序列表和無(wú)序列表。
-
無(wú)序列表
無(wú)序列表使用*划提、+或是-作為列表標(biāo)記枫弟，可以這樣寫：+ 項(xiàng)目1 - 項(xiàng)目2 * 項(xiàng)目3
得到的效果如下：
- 項(xiàng)目1
- 項(xiàng)目2
- 項(xiàng)目3
項(xiàng)目2可以視為項(xiàng)目1的子項(xiàng)，在書寫時(shí)鹏往，在項(xiàng)目2的符號(hào)前注意添加一個(gè)tab淡诗。無(wú)序列表就是將列表項(xiàng)放到<ul></ul>標(biāo)簽中的<li></li>標(biāo)簽下，某項(xiàng)的子項(xiàng)就放到該list item下的<ul></ul>標(biāo)簽中伊履。以此類推韩容。
-
有序列表
有序列表則使用數(shù)字接著一個(gè)英文句點(diǎn)，可以這樣寫：1. 項(xiàng)目一 1. 子項(xiàng)目 2. 項(xiàng)目二 4. 項(xiàng)目三
效果如下：
- 項(xiàng)目一
- 子項(xiàng)目
- 項(xiàng)目二
- 項(xiàng)目三
子項(xiàng)目可以視為項(xiàng)目一的子項(xiàng)唐瀑，在書寫時(shí)邑时，在子項(xiàng)目的符號(hào)前注意添加一個(gè)tab块蚌。有序列表就是將列表項(xiàng)放到<ol></ol>標(biāo)簽中的<li></li>標(biāo)簽下，某項(xiàng)的子項(xiàng)就放到該list item下的<ol></ol>標(biāo)簽中。以此類推专执。有序列表的序號(hào)不會(huì)因?yàn)檎J(rèn)為定義而亂序毡证。
5.鏈接####
鏈接是個(gè)有意思的功能愧口，以前上知乎的時(shí)候就有見(jiàn)過(guò)局义，明明看著就是幾個(gè)藍(lán)字，但是點(diǎn)一下就別有洞天当窗。在學(xué)了Markdown之后够坐，更是對(duì)這種不把url地址直接寫明的方式甚是喜歡。下來(lái)崖面，我們就來(lái)看看Markdown的鏈接是如何定義的元咙。
Markdown 支持兩種形式的鏈接語(yǔ)法： 行內(nèi)式 和參考式 兩種形式。
不管是哪一種嘶朱，鏈接文字都是用 [方括號(hào)] 來(lái)標(biāo)記蛾坯。也就是說(shuō)鏈接的入口要用[]框起來(lái)。
對(duì)于行內(nèi)式而言疏遏，地址直接在入口后用()括起來(lái)，如下格式：
[到處看看](http://www.reibang.com/p/7d3ff4831031)
產(chǎn)出的效果就是到處看看。
而對(duì)于參考式而言财异，則是在鏈接文字的括號(hào)后面再接上另一個(gè)方括號(hào)倘零，而在第二個(gè)方括號(hào)里面要填入用以辨識(shí)鏈接的標(biāo)記，如下格式：
[有點(diǎn)意思][here]
[here]:http://www.reibang.com/p/806afc163dc4
產(chǎn)出效果就是[有點(diǎn)意思][here]
[here]:http://www.reibang.com/p/806afc163dc4
就結(jié)果而言戳寸，兩種方式的效果是一樣的呈驶。但在我看來(lái)，行內(nèi)式較為方便簡(jiǎn)潔疫鹊，參考式可能對(duì)于一篇文章中出現(xiàn)大量的鏈接時(shí)袖瞻，可以將鏈接地址統(tǒng)一放在一處，便于管理拆吆。所以各有千秋吧聋迎。
按照前面的慣例，得說(shuō)說(shuō)連接是如何實(shí)現(xiàn)的枣耀，其實(shí)也就是將連接地址放到<a href = ></a>標(biāo)簽中霉晕，將href屬性值設(shè)置為要鏈接的地址，要顯示的內(nèi)容放在標(biāo)簽里就OK啦捞奕。
6.圖片####
插入圖片的方式怎么說(shuō)呢牺堰，我總覺(jué)得和連接大同小異，只是多了一個(gè)!颅围，還有連接路徑變成了圖片的存儲(chǔ)路徑伟葫，其他在格式上在沒(méi)有不同。
插如圖片的方式有兩種院促，同樣是行內(nèi)式 和參考式扒俯，格式如下：
行內(nèi)式：
參考式：
![哈哈哈哈][ItsTime]
[ItsTime]: http://upload-images.jianshu.io/upload_images/3832445-3e07a6d3145b36ec.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
效果如下：
行內(nèi)式：
參考式：
![哈哈哈哈][ItsTime]
[ItsTime]: http://upload-images.jianshu.io/upload_images/3832445-3e07a6d3145b36ec.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
對(duì)于插入圖片的實(shí)現(xiàn)，其實(shí)就是借助了
<img></img>標(biāo)簽一疯，在標(biāo)簽中撼玄，添加了src屬性，指向圖片的存儲(chǔ)路徑墩邀，從而使圖片顯示掌猛。如果想要調(diào)整圖片大小，可以直接利用這個(gè)標(biāo)簽的屬性來(lái)插入并編輯圖片眉睹。
7.表格####
目前還沒(méi)用過(guò)呢荔茬，不過(guò)看簡(jiǎn)書給的樣板，大概可以理解竹海，就是說(shuō)表頭和內(nèi)容間要有一行| :-------------: |:-------------:| :-----:|用來(lái)區(qū)分慕蔚，并且定義對(duì)齊方式。具體規(guī)則如下：
|用來(lái)定義列
--用來(lái)區(qū)分表頭和內(nèi)容斋配，上面的為表頭孔飒，下面的為內(nèi)容
:用來(lái)定義對(duì)齊方式灌闺，不加冒號(hào)為默認(rèn)（表頭居中，內(nèi)容左對(duì)齊）坏瞄；左邊冒號(hào)桂对，右邊沒(méi)有冒號(hào)為左對(duì)齊；左邊沒(méi)有冒號(hào)鸠匀，右邊有冒號(hào)為右對(duì)齊蕉斜；兩邊都有冒號(hào)為居中對(duì)齊。
另外要注意的是在列表時(shí)缀棍，表格與文字內(nèi)容要有一行間隔宅此。
| Tables | Are | Cool |
| ------------- | :------------- | :-----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
效果如下：
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
那表格在HTML文件里自然就是通過(guò)<table></table>來(lái)實(shí)現(xiàn)的。
8.引用####
引用是個(gè)好東西（在我看來(lái)爬范，就是有個(gè)背景父腕，至少讓我看著很舒服）。
Markdown 標(biāo)記區(qū)塊引用是使用類似 email 中用 >的引用方式坦敌。
Markdown 編輯引用時(shí)是這樣的：
>荊軻刺秦王
...
>>小孩子不要看`**`哦(嵌套引用)
>（這樣可以跳出嵌套）
>By 非著名新聞工作者
顯示出來(lái)時(shí)侣诵，是這樣的：
荊軻刺秦王
...小孩子不要看
**哦By 非著名新聞工作者
多了一條邊，還有個(gè)淡淡的背景狱窘，看著就是不一樣杜顺。
不過(guò)既然是引用，那么就是說(shuō)是用來(lái)標(biāo)記不是自己寫的內(nèi)容的蘸炸，所以在一篇原創(chuàng)文章中躬络，這種格式還是盡量少出現(xiàn)較好。引用的內(nèi)容是放在<blockquote></blockquote>標(biāo)簽中的搭儒。（這個(gè)標(biāo)簽以前還真是沒(méi)見(jiàn)過(guò)呢）
9.代碼引用####
其實(shí)這篇文章用得最多的格式就是代碼引用了穷当。代碼引用有兩種，其一淹禾，行內(nèi)代碼引用馁菜；其二，多行代碼引用铃岔，又叫代碼塊汪疮。
-
行內(nèi)代碼引用
行內(nèi)代碼引用，其定義符號(hào)是 `毁习，使用行內(nèi)代碼引用智嚷，被它標(biāo)記的代碼直接放入<code></code>標(biāo)簽中。在我看來(lái)其用處是小而精的纺且，因?yàn)樗梢院臀谋緝?nèi)容混合盏道，所以一方面注定了它不適合引用大量代碼，另一方面也明確了它的作用载碌，就是用來(lái)在文本內(nèi)容中指出要提及到的代碼片段猜嘱，或者用來(lái)指明不需要Markdown解釋器翻譯的部分衅枫，例如我在提及**的作用時(shí)，如果對(duì)于文段內(nèi)的**符號(hào)不用行內(nèi)代碼引用泉坐，就可能會(huì)有其他效果出現(xiàn)(其實(shí)這里也可以用反斜杠)为鳄。另外裳仆，還有當(dāng)我在文本內(nèi)容中提及一些HTML標(biāo)簽時(shí)腕让，如果不用行內(nèi)代碼引用，有些標(biāo)簽將無(wú)法顯示歧斟。其用法如下：
無(wú)行內(nèi)代碼引用的情況：<strong></strong>
有行內(nèi)代碼引用的情況：`<strong></strong>`
其效果如下：
無(wú)行內(nèi)代碼引用的情況：<strong></strong>（標(biāo)簽消失了纯丸。。静袖。）
有行內(nèi)代碼引用的情況：<strong></strong>
-
代碼塊
代碼塊就是用來(lái)在文章中嵌入代碼的觉鼻，文中已有許多例子，被代碼塊包裹的代碼將不會(huì)被編譯队橙，這樣有助于閱讀代碼坠陈。定義方法就是利用 ``` 在首行和尾行進(jìn)行標(biāo)記。被它標(biāo)記的代碼塊是存在于<pre></pre>標(biāo)簽中的<code></code>標(biāo)簽中捐康。
```(起始標(biāo)記)
這里寫代碼
......
```(結(jié)尾標(biāo)記)
總結(jié)####
前天通過(guò)看同期的博客有初步學(xué)習(xí)Markdown仇矾，但是其實(shí)也就只是學(xué)到了剛?cè)腴T，并就遇到的目錄問(wèn)題寫了一篇博客解总。后來(lái)發(fā)現(xiàn)需要完成一個(gè)Markdown的任務(wù)贮匕，這才靜下心來(lái)，又細(xì)細(xì)過(guò)了一遍基礎(chǔ)的九種語(yǔ)法花枫，真是有種“紙上得來(lái)終覺(jué)淺刻盐，絕知此事要躬行”的感覺(jué)。至此劳翰，這個(gè)任務(wù)應(yīng)該是完成了敦锌，但這也只是個(gè)開始，這種做任務(wù)佳簸，攢經(jīng)驗(yàn)的感覺(jué)還是很棒的乙墙。
該去交任務(wù)啦~
