1. 程式人生 > >Markdown編輯器語法指南

Markdown編輯器語法指南

目錄

您可以使用[TOC]在文章的任何位置插入目錄,甚至插入多個目錄。

呈現效果:

標題

# 這是一級標題,相當於HTML中的H1標籤
## This is an H2
###### This is an H6

呈現效果:

這是一級標題,相當於HTML中的H1標籤

This is an H2

This is an H6

段落

每個段落從一個新行開始,段落前最好有一個空行。只需按下回車鍵<Enter>開始一個新行。

例如,
像下面這樣。

你需要在段落和任何以下的內容之間保留一個空行
如有序或無序的列表,像下面這樣:

* 專案 1 
* 專案 2

呈現效果:

每個段落從一個新行開始,段落前最好有一個空行。只需按下回車鍵<Enter>開始一個新行。

例如,
像下面這樣。

你需要在段落和任何以下的內容之間保留一個空行
如有序或無序的列表,像下面這樣:

  • 專案 1
  • 專案 2

字元樣式

*&nbsp;&nbsp;斜體字元*
**粗體字元**
~~刪除線的文字~~

注意:*號與內容之間不要有空格,如果確實需要使用空格,請使用&nbsp;

呈現效果:

  斜體字元
粗體字元
刪除線的文字

無序的列表

* Item 1
* Item 2
* Item
3 * Item 3a * Item 3b * Item 3c

注意:*號與內容之間需要有空格

呈現效果:

  • Item 1
  • Item 2
  • Item 3
    • Item 3a
    • Item 3b
    • Item 3c

排序的列表

1. Step 1
2. Step 2
3. Step 3
    a. Step 3a
    b. Step 3b
    c. Step 3c

注意:.號與內容之間需要有空格

呈現效果:

  1. Step 1
  2. Step 2
  3. Step 3
    a. Step 3a
    b. Step 3b
    c. Step 3c

在列表中的列表

1. Step 1
2. Step 2
3. Step 3
    * Item 3a
    * Item 3b
    * Item 3c

呈現效果:

  1. Step 1
  2. Step 2
  3. Step 3
    • Item 3a
    • Item 3b
    • Item 3c

引號或引文

這是一段引用的內容

>引用的內容
>引用的內容
>引用的內容

呈現效果:

這是一段引用的內容

引用的內容
引用的內容
引用的內容

內聯程式碼字元

使用反撇號 `function()` 是指。

這裡有一個字元 `` 引號 (`)``

呈現效果:

使用反撇號 function() 是指。

這裡有一個字元 引號 (`)

行內程式碼及程式碼塊

縮排每一行由至少 4 個空格或 1 個製表符Tab。

這是一個正常的段落:

    這是一個程式碼塊。
    包含多行。

或者,您可以使用 3 個反引號在程式碼塊之前和之後,像這樣:

 ```
這是一個程式碼塊
 ```

若要使新增的程式碼塊高亮,將程式碼語言的名稱新增到緊隨反引號之後:

 ```javascript
var oldUnload = window.onbeforeunload;
window.onbeforeunload = function() {
    saveCoverage();
    if (oldUnload) {
        return oldUnload.apply(this, arguments);
    }
};
 ```        

注意:在程式碼塊中插入程式碼塊的Markdown格式時,需要在反引號之前新增空格,否則呈現的佈局會超出你的預期。

支援所有常見的編碼語言,包括 C、 c++、 Java、 Scala,Python 和 JavaScript。

呈現效果:

縮排每一行由至少 4 個空格或 1 個製表符Tab。

這是一個正常的段落:

這是一個程式碼塊。
包含多行。

或者,您可以使用 3 個反引號在程式碼塊之前和之後,像這樣:

這是一個程式碼塊

若要使新增的程式碼塊高亮,將程式碼語言的名稱新增到緊隨反引號之後:

var oldUnload = window.onbeforeunload;
window.onbeforeunload = function() {
    saveCoverage();
    if (oldUnload) {
        return oldUnload.apply(this, arguments);
    }
};

外部網站連結

這是 [一個例子](http://blog.csdn.net/column/details/markdown.html "標題") 的內聯連結。

[這個連結](http://blog.csdn.net/testcs_dn) 沒有標題屬性。

注意:括號必需要是英文半形的。

呈現效果:

這是 一個例子 的內聯連結。

這個連結 沒有標題屬性。

影象

影象及影象連結語法如下所示:

![我的頭像](http://avatar.csdn.net/D/1/B/1_testcs_dn.jpg)
![專家圖示](http://c.csdnimg.cn/jifen/images/xunzhang/xunzhang/bokezhuanjiamiddle.png "專家圖示")
[![專欄圖示](http://avatar.csdn.net/blogpic/20150309232245583.jpg)](http://blog.csdn.net/column/details/markdown.html "CSDN-Markdown專欄")

呈現效果:

我的頭像
專家圖示
專欄圖示

表格

|每天 |主食 |價格 |
|--------|---------|-------|
|週一 |面<br>食 |$6 |
|週二 |雞 |$8 |

呈現效果:

每天 主食 價格
週一
$6
週二 $8

注意:表格中的“面<br>食”,如果想指定某個位置換行的話,需要使用“<br>”標籤,直接使用<Enter>回車鍵是不行的。

反斜槓轉義符

Markdown 可以利用反斜槓來插入一些在語法中有其它意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用 <em> 標籤),你可以在星號的前面加上反斜槓:

\* 字元星號 \*

Markdown 支援以下這些符號前面加上反斜槓來幫助插入普通的符號:

\   反斜線
`   反引號
*   星號
_   底線
{}  花括號
[]  方括號
()  括弧
#   井字號
+   加號
-   減號
.   英文句點
!   驚歎號

這裡再插入一個目錄: