Markdown 常用語法精講

– #### 標題 (`# 跟標題名稱一定要留空格`)

> # 一級標題
> ## 二級標題
> ### 三級標題
> #### 四級標題
> ##### 五級標題
> ###### 六級標題

– #### 段落 (`兩行之間使用空白行創建段落`)

> 段落第一行
>
> 段落第二行

– #### 縮進 (使用` `)

>     這是縮進四個空格文本 (`源碼:    這是縮進四個空格文本`)

– #### 換行 (使用`<br>`)

> 第一行 (`源碼:第一行<br>`)<br>
> 第二行

– #### 強調/加粗、斜體 (`中文斜體不適用`)

> 粗體:**abc** (`源碼:**abc**`)<br>
> 斜體:*abc* (`源碼:*abc*`)<br>
> 粗斜體:***abc***(`源碼:***abc***`) 

– #### 塊引用 (`>`)

> 這是引用的文本 (`源碼:> 這是引用的文本`)

– #### 塊引用在段落中使用 (`添加 > 在段落空行`)

> 段落一
>
> 段落二

– #### 嵌套塊引用 (`使用 >>`)

> 段落一
>
>> 段落1內部

– #### 在塊引用中使用其他元素

> ##### 使用標題
>
> – 使用列表
>
> `使用程式碼塊`
>
> 使用加粗、斜體:**abc**、*abc*

– #### 有序列表

> 1. 項目1
> 2. 項目2
>   1. 項目1的子項目1
>   2. 項目1的子項目2
> 3. 項目3

– #### 無序列表 (`使用三者任何一個都可”-、*、+”`)

> – 項目1
> – 項目2
> – 項目3
>   – 項目3的子項目1
>   – 項目3的子項目2
> – 項目4

– #### 在列表中添加其他元素

> – 段落縮進
>
>   已縮進的文本:(`使用tab鍵縮進`)
>   > 添加塊引用<br>
>   添加程式碼塊
>   “`json
>      {
>         “name”: “Alan”,
>         “age”: 18
>      }
>   “`
>   添加圖片<br>
>   ![This is image](./markdown教學圖片.jpg)

– #### 有序列表嵌套無序列表

> 1. 有序項目1
> 2. 有序項目2
>   – 無序項目1
>   – 無項項目2

– #### 程式碼塊 (`使用反引號包裹,也可作為文本高亮使用`)

> – `code`<br>
> – “ `轉義反引號` “ (`使用兩個反引號前後包裹單反引號`)

– #### 水平線 (`使用—`)

> —

– #### 超鏈接 

> – 例如:[百度](//www.baidu.com) (`源碼:[百度](//www.baidu.com)`)
> – 超鏈接添加標題/提示語:[添加了標題鏈接](//www.baidu.com “這是百度地址”) (`源碼:[添加了標題鏈接](//www.baidu.com “這是百度地址”)`)
> – 格式化超鏈接,加粗/斜體:***[Links](//www.baidu.com “這是百度地址”)*** (`源碼:***[Links](//www.baidu.com “這是百度地址”)***`)
> – 鏈接中帶空格,需要使用%20轉義:[轉義空格](//www.baidu.com/abc%20def) (`源碼:[轉義空格](//www.baidu.com/abc%20def), 會渲染成//www.baidu.com/abc def`)

– #### 插入圖片

> – 語法:`![圖片提示文本](圖片地址:相對路徑/絕對路徑/網路圖片地址)`
> – ![本地圖片](./markdown教學圖片.jpg “本地圖片標題”) (`源碼:![本地圖片](./markdown教學圖片.jpg “本地圖片標題”)`)
> – ![網路圖片](//images.unsplash.com/photo-1660324455436-4d163e51dcd1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2787&q=80 “網路圖片標題”)
> – [![帶鏈接的圖片](//images.unsplash.com/photo-1660326513186-a2225cd6d086?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2861&q=80 “帶鏈接的圖片”)](//www.baidu.com)

– #### 轉義字元 (`顯示字元原意,使用\`)

> – 轉義反斜杠本身:\\ (`源碼:兩個反斜杠`)
> – 轉義反引號:\` (源碼:\\`)
> – 轉義星號:\* (`源碼:\*`)
> – 轉義下劃線:\_ (`源碼:\_`)
> – 轉義花括弧:\{} (`源碼:\{}`)
> – 轉義中括弧:\[] (`源碼:\[]`)
> – 轉義尖括弧:\<> (`源碼:\<>`)
> – 轉義小括弧:\() (`源碼:\()`)
> – 轉義#號:\# (`源碼:\#`)
> – 轉義+號:\+ (`源碼:\+`)
> – 轉義-號:\- (`源碼:\-`)
> – 轉義.號:\. (`源碼\.`)
> – 轉義!號:\! (`源碼:\!`)
> – 轉義|號:\| (`源碼:\|`)

– #### 表格 (`—創建表頭,|分隔每一列`)

> |語法|描述|
> |—|—-|
> |內容1|內容2|
> |內容3|內容4|

– #### 多行程式碼塊 (`首尾使用三個反引號, 首部反引號後可添加語言名稱,可高亮顯示`)

> “`javascript
> const node = “a”
> const fn = node => {
>     return node 
> }
>       
> “`

– #### 刪除線 (`首尾各添加兩個~~`)

> ~~這是刪除線~~

– #### 任務列表/Todo

> – [x] 第一任務已完成 (`源碼:- [x] 第一任務已完成`)
> – [ ] 第二個任務 (`源碼:- [ ] 第二個任務`)
> – [ ] 第三個任務 (`注意-後加空格,[ ]內未完成時添加空格`)

– #### Emoji(表情)

> 從網站[Emojipedia](//emojipedia.org/) 中複製使用

> ### Enjoy! 😊 

 

預覽對比

參考鏈接:內含截圖對比

鏈接:
//pan.baidu.com/s/1Xr9tW6fuxd4nkbC_RPh6hQ 提取碼: c6k5

–來自百度網盤超級會員v3的分享