Markdown簡介
ps:本篇文章是在有道云中書寫和調(diào)試的,不同平臺顯示略微有差別!
Markdown概述
Markdown是一種輕量級的簡單易學的標記語言,通過簡單的標記語法,可以使普通文本內(nèi)容具有一定標記格式。其文本格式為.md類似于html,只不過標簽更簡單,更易讀易寫,可以方便轉(zhuǎn)換為html、pdf等格式。
Markdown不是一種編程語言,其目標也不會代替html,但是其非常適用于寫文檔,書寫博客等。一旦上手Markdown后,寫作會成為一種享受。
Markdown優(yōu)點
- 學習成本低,只需要簡單掌握十幾個符號用法就可以;
- 純文本,兼容性強,所有的文本編輯器都支持;
- 讓用戶專注于內(nèi)容而不是排版;
-
Markdown可以隨意轉(zhuǎn)換為html,pdf,md格式的; - 標記語法具有良好的可讀性。
Markdown缺點
- 對圖片的支持度不像
word等那么方便; - 不同
Markdown編輯器語法有細微差別。
Markdown語法
標題
Markdown中插入不同級別的標題操作非常方便,只需要插入不同數(shù)量的#即可。
# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
注意: #與標題之間一般需要空一格。
備注:以上為Markdown中演示內(nèi)容,實際書寫中呈大小梯度變化。
列表
列表分為有序列表和無序列表,兩者在實現(xiàn)上有些差異。有序列表顧名思義是有邏輯數(shù)字順序的,如1、2、3等,而無序列表僅僅是以一種無差異符號表示內(nèi)容的并列關(guān)系。
無序列表
Markdown中支持多種符號實現(xiàn)無序列表格式化,如-,*,+,其效果均相同。
---
- aaa
- bbb
- ccc
---
* AAA
* BBB
* CCC
---
+ 111
+ 222
+ 333
---
- aaa # 不同符號之間也可以混用,外觀上相同,但間距變大。。。
* BBB
+ 333
---
Markdown下實現(xiàn)效果
- aaa
- bbb
- ccc
- AAA
- BBB
- CCC
- 111
- 222
- 333
- aaa
- BBB
- 333
備注: 因為-符號操作最方便只需要按一下按鍵,建議最好使用-符號實現(xiàn)無序列表。
有序列表
同等級有序列表
實現(xiàn)同一等級的有序列表,只需要數(shù)字加上點號(小數(shù)點和英文格式的句號均可以),且與輸出的內(nèi)容中間空一格即可。
---
1. aaa
2. bbb
3. ccc
---
1. aaa
3. ccc
2. bbb
---
111. AAA # 多位數(shù)字也可以
112. BBB
113. CCC
---
Markdown下實現(xiàn)效果
- aaa
- bbb
- ccc
- aaa
- ccc
- bbb
- AAA
- BBB
- CCC
多級有序列表
目前,在一般Markdown語法中多等級有序列表沒有完美的實現(xiàn)方法,但能通過結(jié)合無序列表方法折中解決。
- 1\. aaa # 注意'.'前要加反斜杠轉(zhuǎn)義。。。
- 1.1 bbb
- 1.2 ccc
- 2\. bbb
- 2.1 aba
- 2.2 bab
- 3\. ccc
- 3.1 aca
- 3.2 cac
- 3.2.1 eee
- 3.2.2 ggg
Markdown下實現(xiàn)效果
- 1. aaa
- 1.1 bbb
- 1.2 ccc
- 2. bbb
- 2.1 aba
- 2.2 bab
- 3. ccc
- 3.1 aca
- 3.2 cac
- 3.2.1 eee
- 3.2.2 ggg
分割線
在Markdown中實現(xiàn)分割線也可以通過-,*,+三種符號完成。具體實現(xiàn)方法如下:
---
------ # 可以使用三個以上符號,*和+ 效果相同
- - - # 符號之間可以加上多個空格
注意: 使用-插入分割線時,需要與上面的內(nèi)容之間至少空一行,否則 Markdown會將上一行內(nèi)容解釋為二級標題。
字體修飾
Markdown中字體修飾主要包含:字體,加粗,斜體,下劃線,大小,上色,背景色等。
字體
Markdown中無原生語法修飾字體,但我們可以借鑒HTML語法實現(xiàn)相關(guān)效果。
<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩云</font>
<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩云</font>
字體加粗
Markdown中實現(xiàn)字體加粗方式有以下幾種(大家選擇順手的就可以~~~):
**加粗** # 推薦用法
__加粗__ # 英文狀態(tài)的下劃線
<b>加粗</b>
<strong>加粗</strong>
Markdown下實現(xiàn)效果
加粗
加粗
<b>加粗</b>
<strong>加粗</strong>
- 字體斜體
Markdown中實現(xiàn)斜體也有以下幾種方式:
*斜體*
_斜體_
<em>斜體</em>
斜體
斜體
<em>斜體</em>
下劃線
Markdown中并無原生語法的實現(xiàn)下劃線,但可以借鑒HTML和css中的用法。
++下劃線++ # 有道云中可以實現(xiàn)
<u>下劃線</u>
<span style="border-bottom:2px dashed red;">下劃線</span>
<span style="border-bottom:2px solid red;">下劃線</span>
Markdown下實現(xiàn)效果
++下劃線++
<u>下劃線</u>
<span style="border-bottom:2px dashed red;">下劃線</span>
<span style="border-bottom:2px solid red;">下劃線</span>
字體大小
借鑒HTML語法可以在Markdown中調(diào)整字體大小。
<font size=4>字體大小</font>
<font size=6>字體大小</font>
<font size=4>字體大小</font>
<font size=6>字體大小</font>
字體上色
借鑒HTML語法也可以在Markdown中實現(xiàn)字體上色效果。
<font color=gray size=4>字體上色</font>
<font color=red size=4>字體上色</font>
Markdown下實現(xiàn)效果
<font color=gray size=4>字體上色</font>
<font color=red size=4>字體上色</font>
字體背景色
Markdown中也無原生語法的實現(xiàn)下劃線,但有道云中可以通過以下方式實現(xiàn):
==字體背景色== # 有道云中可以,其他平臺還未測試
Markdown下實現(xiàn)效果
==字體背景色==
代碼
行代碼
單行代碼引用使用單個符號(符號位于ESC鍵下方),實現(xiàn)代碼著色。Markdown`下實現(xiàn)效果
`行代碼`,`Markdown`
行代碼,Markdown
代碼塊
將代碼置于```(三個)符號之間,實現(xiàn)代碼塊突出顯示。Markdown`下實現(xiàn)效果
``` # 顯示需要,Markdown中不需要加
代碼塊
代碼塊
``` # 顯示需要,Markdown中不需要加
代碼塊
代碼塊
引用
Markdown中引用的符號是>,使用時>與引用內(nèi)容間要空一格。大概可分為普通引用和嵌套引用,具體使用方法如下:
普通引用
Markdown下實現(xiàn)效果
> 引用內(nèi)容1
引用內(nèi)容2 # 引用內(nèi)容后不空行的話,后面均為引用內(nèi)容,只需要在第一行加上'>'符號即可。
引用內(nèi)容3
> 引用內(nèi)容a
> 引用內(nèi)容b
> 引用內(nèi)容c
引用內(nèi)容1
引用內(nèi)容2
引用內(nèi)容3
引用內(nèi)容a
引用內(nèi)容b
引用內(nèi)容c
嵌套引用
在引用中加入不同數(shù)量的>符號可以表示不同等級。
Markdown下實現(xiàn)效果
> 引用1 #從少到多可以直接實現(xiàn),如果多到少則不能實現(xiàn)(ps有道云)。
>> 引用2
>>> 引用3
引用1
引用2
引用3
引用內(nèi)修飾
引用內(nèi)容內(nèi)也可以加入字體加粗、代碼引用等語法修飾,突出顯示內(nèi)容。
Markdown下實現(xiàn)效果
> **加粗**
> *斜體*
> `代碼`
加粗
斜體
代碼
鏈接
[百度](http://www.baidu.com)
[百度](http://www.baidu.com "這是備注") # 可以添加備注
<http://www.baidu.com/> # 自動鏈接
<fangj@163.com> # 也可以通過鏈接方式自動生成電子郵件
百度
百度
http://www.baidu.com/
fangj@163.com
圖片
Markdown中圖片插入的方式與和鏈接非常相似,差別只是在[]前加上!。
如果要在網(wǎng)絡(luò)上分享文章,需要提前將圖片放到圖床上,獲得圖片的鏈接,當然也可以直接在網(wǎng)絡(luò)上尋找圖片。如果只是在本地查看,則可以根據(jù)圖片相對路徑或絕對路徑插入到文中。

 # 也可以備注信息

參考鏈接
獻給寫作者的 Markdown 新手指南
front-end-study from github
Markdown使用筆記
CSDN-markdown編輯器語法——字體、字號與顏色
Learning-Markdown (Markdown 入門參考)