Markdown語(yǔ)法
Markdown很簡(jiǎn)單,要完全熟悉也不容易,所以最好從淺入深,逐漸按需使用來(lái)熟悉,一下子死記硬背不會(huì)有效果。
這里以使用頻率排序來(lái)完整介紹Markdown語(yǔ)法。
提示:Markdown標(biāo)記的原理是簡(jiǎn)化的HTML標(biāo)記,所以Markdown標(biāo)記基本都有(不是全部)對(duì)應(yīng)的HTML標(biāo)記,以此記憶Markdown標(biāo)記是最簡(jiǎn)單的。
另外:因Markdown格式最終是轉(zhuǎn)換為HTML格式顯示的,所以其顯示效果是取決于HTML的CSS,而非Markdown標(biāo)記本身。例如,同樣的Markdown文本,在簡(jiǎn)書(shū)的顯示效果和在博客園是完全不一樣的(個(gè)人感覺(jué)簡(jiǎn)書(shū)的CSS做的相當(dāng)優(yōu)雅,不過(guò)代碼塊的顯示還是博客園專業(yè),術(shù)業(yè)有專攻這句話確實(shí)沒(méi)錯(cuò))。
**
注意:
1.塊級(jí)Markdown標(biāo)記與內(nèi)容之間最好使用空格分隔,否則部分編譯器無(wú)法識(shí)別。
2.兩個(gè)標(biāo)記段之間最好用空行分隔,避免粘連。
3.多數(shù)不同標(biāo)記不能重疊,會(huì)出現(xiàn)錯(cuò)誤。
**
1.最常使用:使用Markdown必須掌握部分
-
標(biāo)題
對(duì)應(yīng)HTML的h1~h6,Markdown標(biāo)題是在標(biāo)題文本前面加上井號(hào)“#”標(biāo)記。
Markdown標(biāo)題標(biāo)記:
#一級(jí)標(biāo)題
##二級(jí)標(biāo)題
###三級(jí)標(biāo)題
####四級(jí)標(biāo)題
#####五級(jí)標(biāo)題
######六級(jí)標(biāo)題
標(biāo)題顯示效果:
一級(jí)標(biāo)題
二級(jí)標(biāo)題
三級(jí)標(biāo)題
四級(jí)標(biāo)題
五級(jí)標(biāo)題
六級(jí)標(biāo)題
-
字體
在HTML中,粗體對(duì)應(yīng)strong、刪除線對(duì)應(yīng)del、斜體對(duì)應(yīng)em。
Markdown字體標(biāo)記:
**粗體**
~~刪除線~~
*斜體*
字體顯示效果
粗體
刪除線
斜體
-
列表
無(wú)序列表在文本前使用+、-、*這三個(gè)符號(hào)均可;有序列表使用1.2.3.標(biāo)記,就是在數(shù)字后加點(diǎn)號(hào)(記得用空格與文本分隔,否則不會(huì)生效)。
無(wú)序列表標(biāo)記對(duì)應(yīng)HTML的ul,有序列表對(duì)應(yīng)HTML的ol。
Markdown無(wú)序列表標(biāo)記:
- 無(wú)序列表項(xiàng)1
+ 無(wú)序列表項(xiàng)2
* 無(wú)序列表項(xiàng)3
無(wú)序列表顯示效果:
- 無(wú)序列表項(xiàng)1
- 無(wú)序列表項(xiàng)2
- 無(wú)序列表項(xiàng)3
Markdown有序列表標(biāo)記(注意:有序列表項(xiàng)3前面標(biāo)記是“4.”,但顯示時(shí)會(huì)變成“3.”,因其是有序列表):
//切記:標(biāo)記與內(nèi)容用空格分隔
1. 有序列表項(xiàng)1
2. 有序列表項(xiàng)2
4. 有序列表項(xiàng)3
有序列表顯示效果:
- 有序列表項(xiàng)1
- 有序列表項(xiàng)2
- 有序列表項(xiàng)3
-
水平線
對(duì)應(yīng)HTML的hr。
Markdown水平線標(biāo)記:
---```
水平線顯示效果:
>---
- ####超鏈接和圖片
**超鏈接標(biāo)記對(duì)應(yīng)HTML中的a。**
Markdown超鏈接標(biāo)記:
超鏈接顯示文字```
Markdown超鏈接顯示效果:
圖片標(biāo)記對(duì)應(yīng)HTML中的img。
Markdown圖片標(biāo)記(圖片文字是可以留空的):
```
Markdown圖片顯示效果:
>
- ####引用和代碼、代碼塊
**引用標(biāo)記是大于號(hào)“>”,對(duì)應(yīng)HTML的blockquote。**
*引用標(biāo)記可以多級(jí)疊加,如“>>”表示二級(jí)引用嵌套。用空行可以結(jié)束引用。*
Markdown引用標(biāo)記:
一級(jí)引用
二級(jí)引用
引用嵌套
Markdown引用顯示效果:
>一級(jí)引用
>>二級(jí)引用
>>>>>>引用嵌套
**代碼標(biāo)記分行內(nèi)代碼和代碼塊**
**行內(nèi)代碼**使用`將內(nèi)容包括,對(duì)應(yīng)HTML中的code。
Markdown行內(nèi)代碼標(biāo)記:
```javascript
`inline code`
Markdown行內(nèi)代碼顯示效果:inline code
代碼塊使用```將內(nèi)容包括,對(duì)應(yīng)HTML中的pre,并將code包含在pre中。
Markdown代碼塊標(biāo)記:
```
block code
```
Markdown代碼塊顯示效果:
block code
另外,代碼塊可以在首標(biāo)記后指定代碼語(yǔ)言,以顯示不同語(yǔ)言的著色樣式(如前所述,這取決于HTML的顯示環(huán)境),如下:
```Javascript
document.getElementById("div1").innerHTML=('這是javascript代碼演示')
```
顯示效果:
document.getElementById("div1").innerHTML=('這是javascript代碼演示')