VsCode支持的markdown語法參考(一)

VsCode支持的markdown語法參考

目錄

• VsCode支持的markdown語法參考
  • 1. 文本部分
    • 1.1 斜體和粗體，刪除線
    • 1.2 分級標題
    • 1.3 常用 Emoji & Font-Awesome
    • 1.4 引用和注腳
  • 標注
  • 縮略：
  • 標記
    • 1.5 外鏈接
    • 1.6文字引用
    • 1.7 內容目錄
    • 1.8行內標記
    • 1.9支持內嵌CSS樣式
  • 2. 標簽分類
    • 2.0 常用布局
    • 2.1 無序列表
    • 2.2 有序列表（ol-li）
    • 2.3 行內代碼塊
    • 2.4 插入圖像
    • 2.5 表格支持
    • 2.6 定義型列表
    • 2.7表格對齊
    • 2.8 Html 標簽
    • 2.8 待辦事宜 Todo 列表

1. 文本部分

1.1 斜體和粗體，刪除線

使用 * 和 ** 表示斜體和粗體。

示例：這是*斜體*，這是**粗體**。

• 這是斜體，這是粗體。

使用 ~~ 表示刪除線。

~~這是一段錯誤的文本。

• 這是一段錯誤的文本。

1.2 分級標題

使用 === 表示一級標題，使用 --- 表示二級標題。

你也可以選擇在行首加井號表示不同級別的標題 (H1-H6)，例如：# H1, ## H2, ### H3，#### H4。

1.3 常用 Emoji & Font-Awesome

更多emoji查看

1.4 引用和注腳

使用 [^keyword] 表示注腳。

標注

- 上標：30^th^
- 下標：H~2~O
- 腳注：Content [^1]
[^1]:Hi 這里是一個注腳，會自動拉到最后面排版

• 上標：30^th
• 下標：H₂O
• 腳注：Content ^[1]

縮略：

*[HTML]: 超文本標記語言
*[W3C]:  World Wide Web Consortium
The HTML specification
is maintained by the W3C.

The HTML specification
is maintained by the W3C.

這里要有空格隔開中文
*[月]: yue4
*[輟]: chuo4
明 明 如 月，何 時 可 輟

明 明 如 月，何 時 可 輟

標記

==marked==

marked

1.5 外鏈接

[關鍵詞](鏈接地址 "（可選）添加一個標題")
圖片帶鏈接 
    [![](.//img/01.png '百度')](http://www.baidu.com)

這里是去 百度 的鏈接

1.6文字引用

>                   Only action can relieve the uneasiness.

              Only action can relieve the uneasiness.

多層嵌套
>天大彭於晏
>>天大彭於晏
>>>天大彭於晏

天大彭於晏

天大彭於晏

天大彭於晏

1.7 內容目錄

在段落中填寫

目錄

• VsCode支持的markdown語法參考
  • 1. 文本部分
    • 1.1 斜體和粗體，刪除線
    • 1.2 分級標題
    • 1.3 常用 Emoji & Font-Awesome
    • 1.4 引用和注腳
  • 標注
  • 縮略：
  • 標記
    • 1.5 外鏈接
    • 1.6文字引用
    • 1.7 內容目錄
    • 1.8行內標記
    • 1.9支持內嵌CSS樣式
  • 2. 標簽分類
    • 2.0 常用布局
    • 2.1 無序列表
    • 2.2 有序列表（ol-li）
    • 2.3 行內代碼塊
    • 2.4 插入圖像
    • 2.5 表格支持
    • 2.6 定義型列表
    • 2.7表格對齊
    • 2.8 Html 標簽
    • 2.8 待辦事宜 Todo 列表

目錄

• VsCode支持的markdown語法參考
  • 1. 文本部分
    • 1.1 斜體和粗體，刪除線
    • 1.2 分級標題
    • 1.3 常用 Emoji & Font-Awesome
    • 1.4 引用和注腳
  • 標注
  • 縮略：
  • 標記
    • 1.5 外鏈接
    • 1.6文字引用
    • 1.7 內容目錄
    • 1.8行內標記
    • 1.9支持內嵌CSS樣式
  • 2. 標簽分類
    • 2.0 常用布局
    • 2.1 無序列表
    • 2.2 有序列表（ol-li）
    • 2.3 行內代碼塊
    • 2.4 插入圖像
    • 2.5 表格支持
    • 2.6 定義型列表
    • 2.7表格對齊
    • 2.8 Html 標簽
    • 2.8 待辦事宜 Todo 列表

1.8行內標記

注：用 ` 標記代碼塊將變成一行
代碼

標記之外`hello 
world`標記之外

標記之外hello world標記之外

1.9支持內嵌CSS樣式

代碼:

<p style="color: #AD5D0F;font-size: 30px; font-family: '宋體';">內聯樣式</p>

內聯樣式

2. 標簽分類

在編輯區任意行的列首位置輸入以下代碼給文稿標簽：

標簽： 數學 英語 Markdown
Tags： 數學 英語 Markdown

2.0 常用布局

2.1 無序列表

使用 *，+，- 表示無序列表。

示例：

- 無序列表項 一
* 無序列表項 二
+ 無序列表項 三

效果:

• 無序列表項 一

• 無序列表項 二

• 無序列表項 三

2.2 有序列表（ol-li）

使用數字和點表示有序列表。
示例：

<ol >
  <li>有序列表項 一</li>
  <li>有序列表項 二</li>
  <li>有序列表項 三</li>
</ol>

1. 有序列表項 一
2. 有序列表項 二
3. 有序列表項 三

``` 注：序列.后 保持空格 1. one 2. two 3. three ``` 演示: 1. one 2. two 3. three

2.3 行內代碼塊

用 ```代碼```進行包裹

2.4 插入圖像

使用 ![](圖片鏈接地址'描述') 插入圖像。

2.5 表格支持

| 項目        | 價格   |  數量  |
| --------   | -----:  | :----:  |
| 計算機     | \$1600 |   5     |
| 手機        |   \$12   |   12   |
| 管線        |    \$1    |  234  |
| > | ce    |   ce|

項目	價格	數量
計算機	$1600	5
手機	$12	12
管線	$1	234
>	ce	ce

2.6 定義型列表

名詞 1
: 定義 1（左側有一個可見的冒號和四個不可見的空格）

代碼塊 2
: 這是代碼塊的定義（左側有一個可見的冒號和四個不可見的空格）

名詞 1

定義 1（左側有一個可見的冒號和四個不可見的空格）

代碼塊 2

這是代碼塊的定義（左側有一個可見的冒號和四個不可見的空格）

2.7表格對齊

注： : 代表對齊方式 ,** : 與 | 之間不要有空格**，否則對齊會有些不兼容

代碼

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左對齊    |   右對齊   |
|=========|===============|============|

演示

a	b	c
居中	左對齊	右對齊
=========	===============	============

2.8 Html 標簽

本站支持在 Markdown 語法中嵌套 Html 標簽，譬如，你可以用 Html 寫一個縱跨兩行的表格：
設置colspan，rowspan
Markdown表格之合並單元格效果

2.8 待辦事宜 Todo 列表

使用帶有 [ ] 或 [x] （未完成或已完成）項的列表語法撰寫一個待辦事宜列表，並且支持子列表嵌套以及混用Markdown語法，例如：

---

1. Hi 這里是一個注腳，會自動拉到最后面排版 ↩︎