Markdown語(yǔ)法

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

有序列表顯示效果:

  1. 有序列表項(xiàng)1
  1. 有序列表項(xiàng)2
  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)記(圖片文字是可以留空的):

![圖片文字](http://dummyimage.com/300x200/000/fff&text=This+is+image "提示文本")```
Markdown圖片顯示效果:
>![圖片文字](http://dummyimage.com/300x200/000/fff&text=This+is+image "提示文本")

- ####引用和代碼、代碼塊

**引用標(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代碼演示')

2.不太常用:不掌握也能使用Markdown部分


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容