Markdown怎么用?

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è)有序列表,如下:

  1. 文本
  2. 文本
  3. 文本

超鏈接

[超鏈接文本](超鏈接地址)[百度](http://www.baidu.com),效果如下:
百度

圖片

[圖片下載失敗時(shí)顯示的字符]![百度](https://upload-images.jianshu.io/upload_images/18116797-53632fc3861595d6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
效果如下

  1. 成功加載


    18116797-9bb1df445e323552.png
  2. 圖片下載失敗顯示百度

斜體粗體

*文本* **號(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)`包含即可

`` ` ``,則解析為 `

?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 1、標(biāo)題:用1~6個(gè)#既可 標(biāo)題 :# 標(biāo)題 標(biāo)題2 :## 標(biāo)題2 小標(biāo)題 :#### 小標(biāo)題 標(biāo)題6 ...
    Nulll閱讀 419評(píng)論 0 0
  • ORA-00001: 違反唯一約束條件 (.) 錯(cuò)誤說(shuō)明:當(dāng)在唯一索引所對(duì)應(yīng)的列上鍵入重復(fù)值時(shí),會(huì)觸發(fā)此異常。 O...
    我想起個(gè)好名字閱讀 6,026評(píng)論 0 9
  • 官網(wǎng) 中文版本 好的網(wǎng)站 Content-type: text/htmlBASH Section: User ...
    不排版閱讀 4,737評(píng)論 0 5
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,199評(píng)論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,983評(píng)論 0 0

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