1. 程式人生 > >Markdown語法簡記

Markdown語法簡記

目錄


一、標題

1. 六個級別的標題

語法 (#後面緊跟標題,#的個數代表標題的級別,最多6個#,多餘無效,類似於HTML中的h1-h6)

示例

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

效果

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

2. 主、副兩級標題

語法 (在主標題下加=,副標題下加-=-可以是一個或者多個)

主標題
=
副標題
-

效果

主標題

副標題

二、根據標題生成文件結構大綱

語法 (使用[TOC],生成大綱的位置由[TOC]

的位置決定,一般放到文件開頭)

示例

[TOC]

效果
TOC效果圖

三、字型

1. 斜體

語法 (使用兩個*或者_將要傾斜的文字包裹起來)

示例

正常字型
*傾斜字型*
_傾斜字型_

效果

正常字型
傾斜字型
傾斜字型

2. 粗體

語法 (使用兩個**或者__將要加粗的文字包裹起來)

示例

正常字型
**加粗字型**
__加粗字型__

效果

正常字型
加粗字型
加粗字型

3. 傾斜加粗

語法 (使用兩個***或者___將要傾斜加粗的文字包裹起來)

示例

正常字型
***傾斜加粗***
___傾斜加粗___

效果

正常字型
傾斜加粗
傾斜加粗

4. 行首縮排

語法 (使用HTML實體 , ,  幾個的區別可以參看效果)

示例

正常文字
  縮排文字
  縮排文字
  縮排文字

text
  text
  text
  text

效果

正常文字
  縮排文字
  縮排文字
  縮排文字

text
  text
  text
  text

5. 刪除線

語法 (使用兩個~~包裹內容)

示例

正常
~~刪除~~

效果

正常
刪除

四、引用塊

語法 (在行首新增>,支援多行引用和巢狀引用)

示例

普通文字
>引用文字
多行引用
>>巢狀引用1
>>>巢狀引用2
>>>>巢狀引用3

效果

普通文字

引用文字
多行引用

巢狀引用1

巢狀引用2

巢狀引用3

五、程式碼塊

1. 單行程式碼

語法 (使用兩個`將程式碼包裹起來)

示例

`console.log('Hello World!')`

效果
console.log('Hello World!')

2. 多行程式碼

語法 (使用兩個```將程式碼包裹起來,並可在第一個```後面標註是哪種語言)

示例

    ```javascript
    (function foo(){
      console.log('Hello World!')
    })()
    ```

效果

(function Foo(){
  console.log('Hello World!')
})()

六、水平線

語法 (新起一行使用*-中的任意一種並設定3個以上,使用-時要注意上一行應該空一行,否則將起到父級標題的作用)

示例

***
* * *
*****
文字(變成了父級標題)
---

效果




文字(變成了父級標題)

七、超連結

1. 內聯型

語法 ([lable](url title)[lable][url title]<url> 相對於HTML中的a標籤<a href="url" title="title">lable</a>,title可以不用設定)

示例

[部落格園][https://www.cnblogs.com/ '部落格園首頁']
[我的部落格](https://www.cnblogs.com/eyelly/ 'eyelly的部落格')
<https://www.cnblogs.com/eyelly/>

效果

部落格園
我的部落格
https://www.cnblogs.com/eyelly/

2. 引用型

語法 ([lable][id]與[id]: url 'title'組合)

示例

[部落格園][cnblogs]
[我的部落格][eyelly]

[cnglogs]:https://www.cnblogs.com/ '部落格園首頁'
[eyelly]:https://www.cnblogs.com/eyelly/ 'eyelly的部落格'

效果

部落格園
我的部落格

八、圖片

1. 內聯型

語法 (![lable](url title) 相對於HTML中的img標籤<img alt="label" href="url" title="title"/>,label和title可以不用設定)

示例

![部落格園logo][https://common.cnblogs.com/images/logo/logo20170227.png '部落格園']

效果

部落格園logo

2. 引用型

語法 (![lable][id][id]: url 'title'組合)

示例

[部落格園logo][cnblogs]

[cnglogs]:https://common.cnblogs.com/images/logo/logo20170227.png '部落格園'

效果

部落格園logo

九、列表

1. 無序列表

語法 (@ text,@代表*-+中的任意一個,text表示內容,@和text之間有空格)

示例

普通文字
- 音樂
+ 電影
* 遊戲

效果

普通文字

  • 音樂
  • 電影
  • 遊戲

2. 無序列表

語法 (N. text,N代表數字,text表示內容,N和text之間有.空格)

示例

普通文字
1. 開始
2. 進行
3. 結束

效果

普通文字

  1. 開始
  2. 進行
  3. 結束

3. 列表巢狀

語法 (子列表前加3個空格)

示例

普通文字
1. 開始
   - 音樂
   + 電影
   * 遊戲
2. 進行
3. 結束

效果

普通文字

  1. 開始
    • 音樂
    • 電影
    • 遊戲
  2. 進行
  3. 結束

十、表格

語法

title|title
-|-:
content|centent
title行表示表頭,第二行用於控制文字的佈局方式,預設居左,-和:-表示居左,:-:表示居中,-:表示居右,每行單元格以|來分割

示例

員工姓名|性別|年齡|文化水平
-|:-|:-:|-:
張三|男|25|小學
李四|女|20|高中
王二|女|22|初中

效果

員工姓名 性別 年齡 文化水平
張三 25 小學
李四 20 高中
王二 22 初中