轉(zhuǎn)載自我的博客
Markdown是一種純文本格式的標(biāo)記語(yǔ)言捎稚。通過(guò)簡(jiǎn)單的標(biāo)記語(yǔ)法，它可以使普通文本內(nèi)容具有一定的格式奄妨。
相比WYSIWYG編輯器
優(yōu)點(diǎn)：
1膳殷、因?yàn)槭羌兾谋九蚴瑁灾灰С諱arkdown的地方都能獲得一樣的編輯效果，可以讓作者擺脫排版的困擾宗苍，專心寫(xiě)作稼稿。
2、操作簡(jiǎn)單讳窟。比如:WYSIWYG編輯時(shí)標(biāo)記個(gè)標(biāo)題让歼，先選中內(nèi)容，再點(diǎn)擊導(dǎo)航欄的標(biāo)題按鈕丽啡，選擇幾級(jí)標(biāo)題谋右。要三個(gè)步驟。而Markdown只需要在標(biāo)題內(nèi)容前加#即可
缺點(diǎn)：
1补箍、需要記一些語(yǔ)法（當(dāng)然改执，是很簡(jiǎn)單。五分鐘學(xué)會(huì)）坑雅。
2辈挂、有些平臺(tái)不支持Markdown編輯模式。
一裹粤、Markdown 標(biāo)題
在想要設(shè)置為標(biāo)題的文字前面加#來(lái)表示
一個(gè)#是一級(jí)標(biāo)題终蒂，二個(gè)#是二級(jí)標(biāo)題，以此類(lèi)推遥诉。支持六級(jí)標(biāo)題拇泣。
注：標(biāo)準(zhǔn)語(yǔ)法一般在#后跟個(gè)空格再寫(xiě)文字
示例：
# 這是一級(jí)標(biāo)題
## 這是二級(jí)標(biāo)題
### 這是三級(jí)標(biāo)題
#### 這是四級(jí)標(biāo)題
##### 這是五級(jí)標(biāo)題
###### 這是六級(jí)標(biāo)題
效果如下：
這是一級(jí)標(biāo)題
這是二級(jí)標(biāo)題
這是三級(jí)標(biāo)題
這是四級(jí)標(biāo)題
這是五級(jí)標(biāo)題
這是六級(jí)標(biāo)題
二、Markdown 字體
-
加粗
要加粗的文字左右分別用兩個(gè)*號(hào)包起來(lái) -
斜體
要傾斜的文字左右分別用一個(gè)*號(hào)包起來(lái) -
斜體加粗
要傾斜和加粗的文字左右分別用三個(gè)*號(hào)包起來(lái) -
刪除線
要加刪除線的文字左右分別用兩個(gè)~~號(hào)包起來(lái)
示例:
**這是加粗的文字**
*這是傾斜的文字*`
***這是斜體加粗的文字***
~~這是加刪除線的文字~~
效果如下:
這是加粗的文字
這是傾斜的文字`
這是斜體加粗的文字
這是加刪除線的文字
三矮锈、Markdown 區(qū)塊引用
Markdown 區(qū)塊引用是在段落開(kāi)頭使用 > 符號(hào) 霉翔，然后后面緊跟一個(gè)空格符號(hào)
另外區(qū)塊是可以嵌套的，一個(gè) > 符號(hào)是最外層苞笨，兩個(gè) > 符號(hào)是第一層嵌套债朵，以此類(lèi)推
示例:
> 區(qū)塊引用
> 最外層
> > 第一層嵌套
> > > 第二層嵌套
效果如下:
區(qū)塊引用
最外層第一層嵌套
第二層嵌套
四、Markdown 列表
Markdown 支持有序列表和無(wú)序列表猫缭。
無(wú)序列表使用星號(hào)(*)葱弟、加號(hào)(+)或是減號(hào)(-)作為列表標(biāo)記壹店，這些標(biāo)記后面要添加一個(gè)空格猜丹，然后再填寫(xiě)內(nèi)容
有序列表使用數(shù)字并加上 . 號(hào)來(lái)表示
示例:
* 第一項(xiàng)
* 第二項(xiàng)
* 第三項(xiàng)
+ 第一項(xiàng)
+ 第二項(xiàng)
+ 第三項(xiàng)
- 第一項(xiàng)
- 第二項(xiàng)
- 第三項(xiàng)
1. 第一項(xiàng)
2. 第二項(xiàng)
3. 第三項(xiàng)
效果如下:
- 第一項(xiàng)
- 第二項(xiàng)
- 第三項(xiàng)
- 第一項(xiàng)
- 第二項(xiàng)
- 第三項(xiàng)
- 第一項(xiàng)
- 第二項(xiàng)
- 第三項(xiàng)
- 第一項(xiàng)
- 第二項(xiàng)
- 第三項(xiàng)
列表嵌套
列表嵌套只需在子列表中的選項(xiàng)前面添加四個(gè)空格即可
示例:
1. 第一項(xiàng)：
- 第一項(xiàng)嵌套的第一個(gè)元素
- 第一項(xiàng)嵌套的第二個(gè)元素
2. 第二項(xiàng)：
- 第二項(xiàng)嵌套的第一個(gè)元素
- 第二項(xiàng)嵌套的第二個(gè)元素
效果如下:
- 第一項(xiàng)：
- 第一項(xiàng)嵌套的第一個(gè)元素
- 第一項(xiàng)嵌套的第二個(gè)元素
- 第二項(xiàng)：
- 第二項(xiàng)嵌套的第一個(gè)元素
- 第二項(xiàng)嵌套的第二個(gè)元素
五、Markdown 代碼
如果是段落上的一個(gè)函數(shù)或片段的代碼可以用反引號(hào)把它包起來(lái)（`）
你也可以用 ```包裹一段代碼硅卢，并指定一種語(yǔ)言（也可以不指定）
示例:
`printf()` 函數(shù)
```javascript
$(document).ready(function () {
alert('RUNOOB');
});```
效果如下:
printf() 函數(shù)
$(document).ready(function () {
alert('RUNOOB');
});
六射窒、Markdown 鏈接
鏈接使用方法如下：
[鏈接名稱](鏈接地址)
或者
<鏈接地址>
示例:
這是一個(gè)鏈接 [我的博客](https://taozgt.xyz)
<https://taozgt.xyz>
效果如下:
這是一個(gè)鏈接 我的博客
https://taozgt.xyz
七藏杖、Markdown 圖片
簡(jiǎn)書(shū)顯示有誤
想獲得更好的閱讀體驗(yàn)，請(qǐng)前往我的博客閱讀文章
Markdown 圖片語(yǔ)法格式如下:
[圖片上傳失敗...(image-480d7e-1611892610021)]
[圖片上傳失敗...(image-8aa94b-1611892610021)]
- 開(kāi)頭一個(gè)感嘆號(hào) !
- 接著一個(gè)方括號(hào)脉顿，里面放上圖片的替代文字
- 接著一個(gè)普通括號(hào)蝌麸，里面放上圖片的網(wǎng)址，最后還可以用引號(hào)包住并加上選擇性的 'title' 屬性的文字艾疟。
Markdown 還沒(méi)有辦法指定圖片的高度與寬度来吩，如果你需要的話，你可以使用普通的 <img> 標(biāo)簽蔽莱。
示例:
[圖片上傳失敗...(image-49be99-1611892610021)]
[圖片上傳失敗...(image-fb81d2-1611892610021)]
<img src="https://taozgt.xyz/images/ayer-side.svg">
效果如下:
八弟疆、Markdown 表格
Markdown 制作表格使用|來(lái)分隔不同的單元格，使用-來(lái)分隔表頭和其他行盗冷。
語(yǔ)法格式如下：
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |
以上代碼顯示結(jié)果如下：
| 表頭 | 表頭 |
|---|---|
| 單元格 | 單元格 |
| 單元格 | 單元格 |
我們可以設(shè)置表格的對(duì)齊方式:
-
-:設(shè)置內(nèi)容和標(biāo)題欄居右對(duì)齊怠苔。 -
:-設(shè)置內(nèi)容和標(biāo)題欄居左對(duì)齊。 -
:-:設(shè)置內(nèi)容和標(biāo)題欄居中對(duì)齊仪糖。
示例:
| 左對(duì)齊 | 右對(duì)齊 | 居中對(duì)齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |
效果如下:
| 左對(duì)齊 | 右對(duì)齊 | 居中對(duì)齊 |
|---|---|---|
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |
補(bǔ)充:
分隔線
你可以在一行中用三個(gè)以上的星號(hào)柑司、減號(hào)、底線來(lái)建立一個(gè)分隔線锅劝，行內(nèi)不能有其他東西攒驰。你也可以在星號(hào)或是減號(hào)中間插入空格。
下面每種寫(xiě)法都可以建立分隔線：
***
* * *
*****
- - -
----------
顯示效果如下所示：
下劃線
下劃線可以通過(guò) HTML 的 <u>標(biāo)簽來(lái)實(shí)現(xiàn):
<u>帶下劃線文本</u>
顯示效果如下所示：
<u>帶下劃線文本</u>
轉(zhuǎn)載請(qǐng)注明出處https://taozgt.xyz/2021/Markdown/
