Markdown語(yǔ)法,在普通的文本編輯時(shí)插入特定符號(hào)即可解析為有一定樣式的頁(yè)面,使用起來(lái)非常方便。下面介紹一下這些符號(hào):
標(biāo)題#
為減少解析難度Markdown語(yǔ)法的特殊符號(hào)一般都在行首生效
# 文本 在行首以#空格加文本 會(huì)被解析為標(biāo)題 一個(gè)#會(huì)被解析為1號(hào)標(biāo)題,如下:
文本
兩個(gè)#空格加文本會(huì)被解析為2號(hào)標(biāo)題,# 文本如下:
文本
最多可有6個(gè)#,因?yàn)闃?biāo)題就是1-6號(hào)
列表 -/*
無(wú)序列表
- 文本 -號(hào)空格文本 該文本會(huì)被解析為無(wú)序列表中的一項(xiàng),多個(gè)項(xiàng)就構(gòu)成一個(gè)無(wú)序列表,如下:
- 文本
- 文本
- 文本
有序列表
1. 文本 數(shù)字點(diǎn)加文本會(huì)被解析為有序列表的一項(xiàng),多個(gè)項(xiàng)構(gòu)成一個(gè)有序列表,如下:
- 文本
- 文本
- 文本
超鏈接
[超鏈接文本](超鏈接地址) 如[百度](http://www.baidu.com),效果如下:
百度
圖片
[圖片下載失敗時(shí)顯示的字符] 如
效果如下
-
成功加載
18116797-9bb1df445e323552.png - 圖片下載失敗顯示百度
斜體粗體
*文本* **號(hào)中間的文本 被解析為斜體,效果如下:
文本
**文本** ** **中間的文本被解析為粗體,效果如下:
文本
***文本***左右三個(gè)*中間的文本被解析為粗體和斜體,效果如下:
文本
注意,
*可以在行內(nèi)使用
引用
>文本 >號(hào)后面的文本會(huì)被解析為引用,效果如下:
魯迅說(shuō):真正的猛士敢于直面慘淡的人生和淋漓的鮮血
代碼塊
1行內(nèi)代碼塊
左右使用1個(gè)反引號(hào)`(英文狀態(tài)的~鍵)包含的文本將被解析為代碼,如 `javascript` 解析效果如下:
有人說(shuō):javascript編程人員是真正的猛士
2多行代碼塊
使用三個(gè)反引號(hào)包含文本 ``` 多行文本 ```即可,如:
```
var canvas = document.getElementById("kycanvas");
var inputText = document.getElementById("inputText");
var ctx = canvas.getContext("2d");
```
解析效果如下:
var canvas = document.getElementById("kycanvas");
var inputText = document.getElementById("inputText");
var ctx = canvas.getContext("2d");
表格
以|線包裹的四個(gè)列被解析為普通的文本
|columna|columnb|columnc|columnd|
如果在該列下加對(duì)應(yīng)的一行|---|---|---|---|,這樣寫:
|columna|columnb|columnc|columnd|
|---|---|---|---|
上面的文本會(huì)被解析為表格,效果如下:
| columna | columnb | columnc | columnd |
|---|
添加一行數(shù)據(jù)
|columna|columnb|columnc|columnd|
|---|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:
| columna | columnb | columnc | columnd |
|---|---|---|---|
| 列1的值 | 列2的值 | 列3的值 | 列4的值 |
另外在|---|中輸入:可以調(diào)節(jié)表格中格子內(nèi)容的居中,以上面表格中的列1示例
1左對(duì)齊
|columna|columnb|columnc|columnd|
|:---|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:
| columna | columnb | columnc | columnd |
|---|---|---|---|
| 列1的值 | 列2的值 | 列3的值 | 列4的值 |
2居中對(duì)齊
|columna|columnb|columnc|columnd|
|:---:|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:
| columna | columnb | columnc | columnd |
|---|---|---|---|
| 列1的值 | 列2的值 | 列3的值 | 列4的值 |
3右對(duì)齊
|columna|columnb|columnc|columnd|
|---:|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:
| columna | columnb | columnc | columnd |
|---|---|---|---|
| 列1的值 | 列2的值 | 列3的值 | 列4的值 |
注意,如果想顯示n個(gè)反引號(hào)
`那么左右使用n+1個(gè)反引號(hào)`包含即可
如 `` ` ``,則解析為 `

