認識 Markdown
簡單的說褐着,Markdown是用簡潔的語法代替排版。相對于HTML 標記語言來說托呕,Markdown十分輕量含蓉,學習成本不高,一旦熟悉其語法規(guī)則项郊,會有一勞永逸的效果馅扣。
- Markdown 語言在 2004 由約翰·格魯伯(英語:John Gruber)創(chuàng)建。
- Markdown 是一種輕量級標記語言着降,它允許人們使用易讀易寫的純文本格式編寫文檔差油。
- Markdown 編寫的文檔可以導出 HTML 、Word任洞、圖像蓄喇、PDF、Epub 等多種格式的文檔交掏。
- Markdown 編寫的文檔后綴為 .md, .markdown妆偏。
Markdown 基礎語法
-
標題
這是最為常用的格式,在平時常用的的文本編輯器中大多是這樣實現的:輸入文本盅弛、選中文本钱骂、設置標題格式。
而在 Markdown 中挪鹏,你只需要在文本前面加上 # 即可罐柳,同理、你還可以增加二級標題狰住、三級標題张吉、四級標題、五級標題和六級標題催植,總共六級肮蛹,只需要增加 # 即可勺择,標題字號相應降低。例如:
# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
你可以你的編輯器中嘗試輸入這六級標題伦忠,可以參考下方的截圖:
-
斜體 粗體
Markdown 的粗體和斜體也非常簡單省核,用** 包含一段文本就是粗體的語法,用 * 包含一段文本就是斜體的語法昆码。例如:
*我和我的祖國*气忠, **一刻也不能分割**。
效果為:
我和我的祖國赋咽, 一刻也不能分割旧噪。
-
分割線
在 Markdown 中,可以用分隔線來將內容分成不同區(qū)域脓匿。
只需要連續(xù)三個"_"或者三個“*”即可淘钟。例如:
___ 或 ***
效果為:
-
列表
列表格式也很常用,在 Markdown 中陪毡,你只需要在文字前面加上 - 就可以了米母。注意-+*效果一樣,但不能混合使用毡琉。例如:
- 文本1
- 文本2
- 文本3
如果你希望有序列表铁瞒,也可以在文字前面加上 1. 2. 3. 就可以了,例如:
1. 文本1
2. 文本2
3. 文本3
注:-桅滋、1.和文本之間要保留一個字符的空格精拟。
效果如下:
-
刪除符(中劃線)
~~要劃除的行內內容~~
實際效果:
要劃除的行內內容
-
引用
在我們寫作的時候經常要引用他人的文字,這個時候"引用"這個格式就很有必要虱歪。在 Markdown 中蜂绎,你只需要在你希望引用的文字前面加上 > 就好了,例如:
> 一盞燈笋鄙, 一片昏黃师枣; 一簡書, 一杯淡茶萧落。 守著那一份淡定践美, 品讀屬于自己的寂寞。 保持淡定找岖, 才能欣賞到最美麗的風景陨倡! 保持淡定, 人生從此不再寂寞许布。
注:> 和文本之間要保留一個字符的空格兴革。
最終顯示的就是:
一盞燈, 一片昏黃; 一簡書杂曲, 一杯淡茶庶艾。 守著那一份淡定, 品讀屬于自己的寂寞擎勘。 保持淡定咱揍, 才能欣賞到最美麗的風景! 保持淡定棚饵, 人生從此不再寂寞覆履。
-
自動鏈接
一對<>中間包含鏈接老充,例如:
<http://www.reibang.com/u/8e481f653580>
效果為:
http://www.reibang.com/u/8e481f653580
-
圖片和鏈接
在 Markdown 中惋啃,插入鏈接使用這樣的語法即可输涕,例如:
[我的簡書主頁](http://www.reibang.com/u/8e481f653580)
效果為:
我的簡書主頁
在 Markdown 中账胧,插入圖片使用 這樣的語法即可测僵,例如:
![](https://upload-images.jianshu.io/upload_images/4886200-79c2a025abbee325.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
效果為:
-
表格
相關代碼:
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 1 | right-aligned | $1600 |
| col 2 | centered | $12 |
| zebra stripes | are neat | $1 |
效果為:
Tables | Are | Cool |
---|---|---|
col 1 | right-aligned | $1600 |
col 2 | centered | $12 |
zebra stripes | are neat | $1 |
-
代碼框
需要引用代碼時樊破,如果引用的語句只有一段巡语,不分行缅疟,可以用 ` 將語句包起來分别。
如果引用的語句為多行,可以將```置于這段代碼的首行和末行存淫。例如:
Hello, world!
Markdown 擴展語法
此部分非Markdown的標準語法耘斩,但是實際使用中非常高頻,在此做一個普及桅咆。實際上很多效果依賴于對應使用的編輯器括授。
-
文字顏色
-
內嵌HTML的Markdown編輯器改變字體顏色
大部分的桌面Markdown編輯器都是衍生版本,一般都會支持HTML岩饼,例如我會推薦的Typora荚虚,小面的效果也是基于Typora。
-
淺紅色文字:<font color="#dd0000">淺紅色文字</font>
深紅色文字:<font color="#660000">深紅色文字</font>
淺綠色文字:<font color="#00dd00">淺綠色文字</font>
深綠色文字:<font color="#006600">深綠色文字</font>
淺藍色文字:<font color="#0000dd">淺藍色文字</font>
深藍色文字:<font color="#000066">深藍色文字</font>
淺黃色文字:<font color="#dddd00">淺黃色文字</font>
深黃色文字:<font color="#666600">深黃色文字</font>
淺青色文字:<font color="#00dddd">淺青色文字</font>
深青色文字:<font color="#006666">深青色文字</font>
淺紫色文字:<font color="#dd00dd">淺紫色文字</font>
深紫色文字:<font color="#660066">深紫色文字</font>
Typora效果如下:
-
內嵌HTML的Markdown編輯器設置文字字體 & 字號 & 背景色
類似于顏色寞冯,內嵌HTML的Markdown編輯器能通過設置font標簽的size渴析、face等實現這些效果,HTML的樣式不在本文的講解范圍吮龄,這里就不再詳細展開俭茧。
<font color=#0099ff size=7 face="黑體">color=#0099ff size=7 face="黑體"</font>
-
簡書中markdown改變字體顏色
簡書的markdown采用的語法如下:
$\color{red}{紅色字}$
效果為:
-
RGB顏色對照表
-
上劃線 && 下劃線
Markdown 并無下劃線的原生語法尝抖,因為會和鏈接的默認樣式產生混淆场斑。
類似文本效果漓踢,你也可以在支持HTML的markdown編輯器中使用CSS樣式去實現下劃線效果。同樣漏隐,這也不是我本文的重點喧半,如有需要自行搜索。
同樣的青责,在簡書的Markdown中你可以使用如下方式實現上劃線 && 下劃線效果:
上劃線實現:
$\overline{上劃線}$
下劃線實現:
$\underline{下劃線}$
效果為:
&&
語法學習鏈接
markdown編譯器
Markdown 其實向來是文字愛好者和碼農們的小眾需求挺据,但市面上卻涌現出很多種形形色色的 Markdown 編輯器,下表做個簡單的羅列脖隶。
Typora教程
在使用過Mou之后扁耐,重點推薦Typora。它將「寫字」和「預覽」這兩件事情合并产阱,實現了流行的“所見即所得”模式WYSIWYG(What You See Is What You Get)婉称。Typora的設計理念就是極致簡潔,簡潔到什么程度呢构蹬?把其他編輯器的預覽窗口都省了王暗,而且同時還支持實時預覽。
Typora的語法和使用技巧請參考Typora官網庄敛。