Markdown入門教程

寫在前面

之前在 CSDN 寫過一段時間的博客凭戴,使用的是傳統(tǒng)的文本筝家。最近利用 Github+Hexo 搭建了一個靜態(tài)頁面的個人博客,發(fā)現(xiàn)在上面寫博客必須使用 Markdown兢卵,這才發(fā)現(xiàn)現(xiàn)在寫博客幾乎都在使用 Markdown蜈首。后知后覺的感覺真是不爽,因此便有了這篇 Markdown 入門教程肃晚,希望那些同我一樣不會使用 Markdown 的同志受到一些啟發(fā)锚贱。

一、認識Markdown

Markdown 是一種可以使用普通文本編輯器編寫的標記語言关串,通過簡單的標記語法拧廊,它可以使普通文本內(nèi)容具有一定的格式。Markdown 的語法簡潔明了晋修、學習容易吧碾,不要以為它是一門語言就以為它很難,其實它很簡單墓卦,而且功能比純文本更強倦春,因此有很多人用它寫博客。

二落剪、Markdown的優(yōu)點

  • 純文本睁本,所以兼容性極強,可以用所有文本編輯器打開著榴。
  • 讓你專注于文字而不是排版添履。
  • 格式轉(zhuǎn)換方便,Markdown 的文本你可以輕松轉(zhuǎn)換為 html脑又、電子書等暮胧。
  • Markdown 的標記語法有極好的可讀性。

三问麸、Markdown的編輯器

我在前面說過往衷,Markdown 可以使用普通文本編輯器編寫,但是在普通文本編輯器編寫肯定不方便严卖,因為你也不敢肯定你寫出來是什么樣子的席舍,因此我們需要更高級的編輯器。

  • Windows 平臺
    通過我在網(wǎng)上尋找哮笆,發(fā)現(xiàn)有兩款還不錯来颤,一款叫做 MarkdownPad ,另一款叫做 MarkPad稠肘,我目前使用的是 MarkdownPad福铅。
  • Mac OS 平臺
    我強烈建議你用 Mou 這款免費且十分好用的 Markdown 編輯器,它支持實時預覽项阴,既左邊是你編輯 Markdown 語言滑黔,右邊會實時的生成預覽效果。不僅如此,Mou 還有一些有趣的偏好設(shè)置(Preference)略荡,例如主題(Themes)與樣式(CSS)庵佣,它們可以配置出定制化的文本編輯效果與導出效果,如果你對自帶的主題與樣式不滿意還可以到 GitHub 上搜索其它愛好者為 Mou 編寫的更多主題樣式汛兜,導入的方式可以在偏好設(shè)置的 Themes 或 CSS 選項中 選擇 reload巴粪。
  • Web 平臺
    我強烈推薦簡書這款產(chǎn)品,上面有無數(shù)熱愛文字的人在不停的創(chuàng)造序无,分享验毡。在 Web 端使用 Markdown 沒有比簡書更舒服的地方了,同樣支持左右兩欄的實時預覽帝嗡,字體優(yōu)雅,簡潔璃氢。

四哟玷、Markdown語法

1、標題

標題是Markdown中最為常用的格式一也,在平時常用的的文本編輯器中大多是這樣實現(xiàn)的:輸入文本巢寡、選中文本、設(shè)置標題格式椰苟。而在 Markdown 中抑月,你只需要在文本前面加上 # 即可,同理舆蝴、你還可以增加二級標題谦絮、三級標題、四級標題洁仗、五級標題和六級標題层皱,總共六級,只需要增加 # 即可赠潦,標題字號相應降低叫胖。例如:

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

效果如下:

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

注意:# 和「一級標題」之間建議保留一個字符的空格,這是最標準的 Markdown 寫法她奥。

2瓮增、粗體和斜體

Markdown 的粗體和斜體也非常簡單,用 ** 包含一段文本就是粗體的語法哩俭,用一個 * 包含一段文本就是斜體的語法绷跑。例如:

**我是粗體**
*我是斜體*

效果如下:

我是粗體
我是斜體

注意:前后的 * 與要與加粗或傾斜的字體之間不能有空格。

3携茂、引用

在我們寫作的時候經(jīng)常需要引用他人的文字你踩,這個時候引用這個格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了带膜,例如:

> 這是引用

效果如下:

這是引用

引用還可以嵌套吩谦,>> 表示引用里面再套一層引用,依次類推膝藕。例如:

> 這是一級引用
>> 這是二級引用
>>> 這是三級引用

效果如下:

這是一級引用

這是二級引用

這是三級引用

注意:
1式廷、如果 >>> 嵌套使用的話,從 >> 退到 > 時芭挽,必須之間要加一個空格或者 > 作為過渡滑废,否則默認為下一行和上一行是同一級別的引用。
2袜爪、引用標記里可以使用其他標記蠕趁,如:有序列表或無序列表標記,代碼標記等辛馆。

4俺陋、代碼塊

如果你是個程序猿,需要在文章里優(yōu)雅的引用代碼框昙篙,在 Markdown 下實現(xiàn)也非常簡單腊状,如果引用的語句只有一段,不分行苔可,可以用 ` 將語句包起來缴挖。如果引用的語句為多行,可以使用```將這段代碼包圍起來焚辅。例如:



效果如下:

public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World");
}
}

`System.out.println("Hello World");`

**注意:
1映屋、` 這個符號是在 Esc 鍵下面,切換到英文下即可法焰。
2秧荆、``` 后面的 java 表示此段代碼為 java 代碼,Markdown 會自行使用 java 代碼顏色渲染埃仪。這里也可以不寫乙濒。**
##5、圖片
在 Markdown 中卵蛉,插入圖片不需要其他按鈕颁股,你只需要使用 `![](/path/to/img.jpg "Optional title")` 這樣的語法即可,其中:
* `Alt text` 為如果圖片無法顯示時顯示的文字傻丝;
* `/path/to/img.jpg` 為圖片所在路徑墩蔓;
* `Optional title` 為顯示標題蒂萎。顯示效果為在你將鼠標放到圖片上后袭祟,會顯示一個小框提示缸榄,提示的內(nèi)容就是 `Optional title` 里的內(nèi)容忱反。

例如:
效果如下:
>![](http://upload-images.jianshu.io/upload_images/4467367-5f9db2ad954fde4f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

**注意:
1、導入的圖片路徑可以使用絕對路徑也可以使用相對路徑滤愕,建議使用相對路徑温算。
2、我通常的做法是Markdown文檔的同級目錄下建立一個pictures文件夾间影,里面放置所有所需的圖片注竿,如果圖片多的話,你也可以在pictures文件夾里建立子文件夾歸類魂贬。**

##6巩割、列表
熟悉 HTML 的同學肯定知道有序列表與無序列表的區(qū)別,在 Markdown 下付燥,列表的顯示只需要在文字前加上 `-` 或 `*` 或 `+` 即可變?yōu)闊o序列表宣谈,有序列表則直接在文字前加 `1.` `2.` `3.`,符號要和文字之間加上一個字符的空格键科。例如:

無序列表

  • 呵呵
    • 嘉嘉
    • 嘻嘻
    • 吼吼
      • 嘎嘎
      • 桀桀

有序列表

  1. 第一點
  2. 第二點
  3. 第三點
效果如下:
>無序列表
* 呵呵
    * 嘉嘉
    * 嘻嘻
    * 吼吼
        * 嘎嘎
        * 桀桀

>有序列表
1. 第一點
2. 第二點
4. 第三點

**注意:
1蒲祈、無序列表或有序列表標記和后面的文字之間要有一個空格隔開。
2萝嘁、有序列表標記不是按照你寫的數(shù)字進行顯示的,而是根據(jù)當前有序列表標記所在位置顯示的扬卷,如示例所示牙言。
3、無序列表的項目符號是按照實心圓怪得、空心圓咱枉、實心方格的層級關(guān)系遞進的,如示例所示徒恋。通常情況下蚕断,同一層級使用同一種標記表示,便于自己查看和管理入挣。**
##7亿乳、分割線
  使用 `---` 或者 `***` 或者 `* * *` 表示水平分割線。例如:



效果如下:
>---
***
* * *

**注意:
1径筏、只要 `*` 或者 `-` 大于等于三個就可組成一條平行線葛假。
2、使用 `---` 作為水平分割線時滋恬,要在它的前后都空一行聊训,防止 `---` 被當成標題標記的表示方式。**
##8恢氯、鏈接
在 Markdown 中带斑,插入鏈接不需要其他按鈕鼓寺,你只需要使用 `[](link "Optional title")` 這樣的語法即可,其中:
* `[]` 內(nèi)的內(nèi)容為要添加鏈接的文字勋磕。
* `link` 為鏈接地址妈候。
* `Optional title` 為顯示標題。顯示效果為在你將鼠標放到鏈接上后朋凉,會顯示一個小框提示州丹,提示的內(nèi)容就是 `Optional title` 里的內(nèi)容。
例如:

Baidu

效果如下:
>[Baidu](www.baidu.com "百度一下杂彭,你就知道" )

##9墓毒、反斜杠
使用 `\` 表示反斜杠。在你不想顯示 Markdown 標記時可以使用反斜杠亲怠。例如:

*這里不會顯示斜體*

效果如下:
>\*這里不會顯示斜體\*

##10所计、空格
Markdown 語法會忽略首行開頭的空格,如果要體現(xiàn)出首行開頭空兩個的效果团秽,可以使用 **全角符號下的空格**主胧,windows下使用 `shift+空格` 切換。
##11习勤、刪除線
使用 `~~` 表示刪除線踪栋。例如:

這是一條刪除線

效果如下:
>~~這是一條刪除線~~

**注意:
1、注意 `~~` 和 要添加刪除線的文字之間不能有空格图毕。
2夷都、我常使用在顯示的告訴自己這行文字是要刪除的。**

#結(jié)語
以上就是我在學習Markdown后的總結(jié)予颤,其中介紹的Markdown語法都是比較常用的囤官,我也對這些語法做出了比較詳細的說明,如果有描述的不對的地方蛤虐,歡迎批評指正党饮,希望能對各位有所幫助。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末驳庭,一起剝皮案震驚了整個濱河市刑顺,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌嚷掠,老刑警劉巖捏检,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異不皆,居然都是意外死亡贯城,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門霹娄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來能犯,“玉大人鲫骗,你說我怎么就攤上這事〔染В” “怎么了执泰?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長渡蜻。 經(jīng)常有香客問我术吝,道長,這世上最難降的妖魔是什么茸苇? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任排苍,我火速辦了婚禮,結(jié)果婚禮上学密,老公的妹妹穿的比我還像新娘淘衙。我一直安慰自己,他們只是感情好腻暮,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布彤守。 她就那樣靜靜地躺著,像睡著了一般哭靖。 火紅的嫁衣襯著肌膚如雪具垫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天试幽,我揣著相機與錄音做修,去河邊找鬼。 笑死抡草,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的蔗坯。 我是一名探鬼主播康震,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼宾濒!你這毒婦竟也來了腿短?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤绘梦,失蹤者是張志新(化名)和其女友劉穎橘忱,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卸奉,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡钝诚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了榄棵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片凝颇。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡潘拱,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拧略,到底是詐尸還是另有隱情芦岂,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布垫蛆,位于F島的核電站禽最,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏袱饭。R本人自食惡果不足惜川无,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望宁赤。 院中可真熱鬧舀透,春花似錦、人聲如沸决左。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽佛猛。三九已至惑芭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間继找,已是汗流浹背遂跟。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留婴渡,地道東北人幻锁。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像边臼,于是被迫代替她去往敵國和親哄尔。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容