寫在前面
之前在 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. 第二點
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](www.baidu.com "百度一下杂彭,你就知道" )
##9墓毒、反斜杠
使用 `\` 表示反斜杠。在你不想顯示 Markdown 標記時可以使用反斜杠亲怠。例如:
*這里不會顯示斜體*
效果如下:
>\*這里不會顯示斜體\*
##10所计、空格
Markdown 語法會忽略首行開頭的空格,如果要體現(xiàn)出首行開頭空兩個的效果团秽,可以使用 **全角符號下的空格**主胧,windows下使用 `shift+空格` 切換。
##11习勤、刪除線
使用 `~~` 表示刪除線踪栋。例如:
這是一條刪除線
效果如下:
>~~這是一條刪除線~~
**注意:
1、注意 `~~` 和 要添加刪除線的文字之間不能有空格图毕。
2夷都、我常使用在顯示的告訴自己這行文字是要刪除的。**
#結(jié)語
以上就是我在學習Markdown后的總結(jié)予颤,其中介紹的Markdown語法都是比較常用的囤官,我也對這些語法做出了比較詳細的說明,如果有描述的不對的地方蛤虐,歡迎批評指正党饮,希望能對各位有所幫助。