改自CSDN提供的markdown編輯器進行詳細解答

代碼

[1]: http://math.stackexchange.com/
[2]: https://github.com/jmcmanus/pagedown-extra "Pagedown Extra"
[3]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[4]: http://bramp.github.io/js-sequence-diagrams/
[5]: http://adrai.github.io/flowchart.js/
[6]: https://github.com/benweet/stackedit

效果：這裏的效果是隱藏的，用於標識跳轉地址[num][i]

代碼

#歡迎使用Markdown編輯器寫博客
##歡迎使用Markdown編輯器寫博客
###歡迎使用Markdown編輯器寫博客
####歡迎使用Markdown編輯器寫博客
#####歡迎使用Markdown編輯器寫博客
######歡迎使用Markdown編輯器寫博客

效果

歡迎使用Markdown編輯器寫博客

歡迎使用Markdown編輯器寫博客

歡迎使用Markdown編輯器寫博客

歡迎使用Markdown編輯器寫博客

歡迎使用Markdown編輯器寫博客

歡迎使用Markdown編輯器寫博客

代碼

本Markdown編輯器使用[StackEdit][6]修改而來，用它寫博客，將會帶來全新的體驗哦：

效果

本Markdown編輯器使用StackEdit修改而來，用它寫博客，將會帶來全新的體驗哦

代碼

---

效果

---

代碼

- **Markdown和擴展Markdown簡潔的語法**

- **代碼塊高亮**

- **圖片鏈接和圖片上傳**

- ***LaTex*數學公式**

- **UML序列圖和流程圖**

- **離線寫博客**

- **導入導出Markdown文件**

- **豐富的快捷鍵**

效果

• Markdown和擴展Markdown簡潔的語法

• 代碼塊高亮

• 圖片鏈接和圖片上傳

• LaTex數學公式

• UML序列圖和流程圖

• 離線寫博客

• 導入導出Markdown文件

• 豐富的快捷鍵

快捷鍵

加粗 Ctrl + B

斜體 Ctrl + I

引用 Ctrl + Q

插入鏈接 Ctrl + L

插入代碼 Ctrl + K

插入圖片 Ctrl + G

提升標題 Ctrl + H

有序列表 Ctrl + O

無序列表 Ctrl + U

橫線 Ctrl + R

撤銷 Ctrl + Z

重做 Ctrl + Y

> Markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文本格式編寫文檔，然後轉換成格式豐富的HTML頁面。    —— <a href="https://zh.wikipedia.org/wiki/Markdown" target="_blank"> [ 維基百科 ]

效果

Markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文本格式編寫文檔，然後轉換成格式豐富的HTML頁面。 —— [ 維基百科 ]

代碼

使用簡單的符號標識不同的標題，將某些文字標記爲**粗體**或者*斜體*，創建一個[鏈接](http://www.csdn.net)等，詳細語法參考幫助？。
本編輯器支持 **Markdown Extra** , 　擴展了很多好用的功能。具體請參考[Github][2].  

效果

使用簡單的符號標識不同的標題，將某些文字標記爲粗體或者斜體，創建一個鏈接等，詳細語法參考幫助？。
本編輯器支持 Markdown Extra , 　擴展了很多好用的功能。具體請參考Github.

代碼

**Markdown　Extra**　表格語法：
項目     | 價格
-------- | ---
Computer | $1600
Phone    | $12
Pipe     | $1

效果

Markdown　Extra　表格語法：

項目	價格
Computer	$1600
Phone	$12
Pipe	$1

代碼

可以使用冒號來定義對齊方式：
| 項目      |    價格 | 數量  |
| :-------- | --------:| :--: |
| Computer  | 1600 元 |  5   |
| Phone     |   12 元 |  12  |
| Pipe      |    1 元 | 234  |

效果

可以使用冒號來定義對齊方式：

項目	價格	數量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

代碼

###定義列表
**Markdown　Extra**　定義列表語法：
項目１
項目２
:   定義 A
:   定義 B

項目３
:   定義 C
:   定義 D

> 定義D內容

效果

定義列表

Markdown　Extra　定義列表語法：

項目１

項目２

定義 A

定義 B

項目３

定義 C

定義 D

定義D內容

代碼

代碼塊

代碼塊語法遵循標準markdown代碼，例如：

```python
@requires_authorization

def somefunc(param1=”, param2=0):

'''A docstring'''

if param1 > param2: # interesting

    print 'Greater'

return (param2 - param1 + 1) or None

class SomeClass:

pass

>>> message = ``` interpreter


… prompt```

效果

代碼塊

代碼塊語法遵循標準markdown代碼，例如：

@requires_authorization

def somefunc(param1=”, param2=0):

'''A docstring'''

if param1 > param2: # interesting

    print 'Greater'

return (param2 - param1 + 1) or None
class SomeClass:

pass
>>> message = ``` interpreter 

… prompt ``` 

代碼

###腳註
生成一個腳註[^footnote].
  [^footnote]: 這裏是 **腳註** 的 *內容*.

效果

腳註

生成一個腳註1.
代碼(獲取了帶#的所有內容,且#數量和距離有關)

### 目錄

用 `[TOC]`來生成目錄：

[TOC]

效果

目錄

用 [TOC]來生成目錄：

代碼

### 數學公式
使用MathJax渲染*LaTex* 數學公式，詳見[math.stackexchange.com][1].

 - 行內公式，數學公式爲：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
 - 
 - 塊級公式：
$$	x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
更多LaTex語法請參考 [這兒][3].

效果

數學公式

使用MathJax渲染LaTex 數學公式，詳見math.stackexchange.com.

• 行內公式，數學公式爲：Γ(n)=(n−1)!∀n∈N$\mathrm{\Gamma }(n)=(n-1)!\mathrm{\forall }n\in \mathbb{N}$ 。
• 
  
  • 塊級公式：

x=−b±b2−4ac−−−−−−−√2a$$x={\displaystyle \frac{-b\pm \sqrt{b^2-4ac}}{2a}}$$

更多LaTex語法請參考 這兒.

代碼

### UML 圖:
可以渲染序列圖：
```sequence
張三->李四: 嘿，小四兒, 寫博客了沒?
Note right of 李四: 李四愣了一下，說：
李四-->張三: 忙得吐血，哪有時間寫。
```

或者流程圖：
```flow
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
cond=>condition: 確認？
st->op->cond
cond(yes)->e
cond(no)->op
```

-關於**序列圖**語法，參考 [這兒][4],
-關於**流程圖**語法，參考 [這兒][5].

注意：去掉cond e op後方複製下來的空格

效果

UML 圖:

可以渲染序列圖：

或者流程圖：

-關於序列圖語法，參考 這兒,
-關於流程圖語法，參考 這兒.

代碼

## 離線寫博客
即使用戶在沒有網絡的情況下，也可以通過本編輯器離線寫博客（直接在曾經使用過的瀏覽器中輸入[write.blog.csdn.net/mdeditor](http://write.blog.csdn.net/mdeditor)即可。**Markdown編輯器**使用瀏覽器離線存儲將內容保存在本地。
用戶寫博客的過程中，內容實時保存在瀏覽器緩存中，在用戶關閉瀏覽器或者其它異常情況下，內容不會丟失。用戶再次打開瀏覽器時，會顯示上次用戶正在編輯的沒有發表的內容。
博客發表後，本地緩存將被刪除。　
用戶可以選擇 <i class="icon-disk"></i> 把正在寫的博客保存到服務器草稿箱，即使換瀏覽器或者清除緩存，內容也不會丟失。
> **注意：**雖然瀏覽器存儲大部分時候都比較可靠，但爲了您的數據安全，在聯網後，**請務必及時發表或者保存到服務器草稿箱**。
##瀏覽器兼容
 1. 目前，本編輯器對Chrome瀏覽器支持最爲完整。建議大家使用較新版本的Chrome。
 1. IE９以下不支持
 1. IE９，１０，１１存在以下問題
    1. 不支持離線功能
    1. IE9不支持文件導入導出
    1. IE10不支持拖拽文件導入

效果

離線寫博客

即使用戶在沒有網絡的情況下，也可以通過本編輯器離線寫博客（直接在曾經使用過的瀏覽器中輸入write.blog.csdn.net/mdeditor即可。Markdown編輯器使用瀏覽器離線存儲將內容保存在本地。
用戶寫博客的過程中，內容實時保存在瀏覽器緩存中，在用戶關閉瀏覽器或者其它異常情況下，內容不會丟失。用戶再次打開瀏覽器時，會顯示上次用戶正在編輯的沒有發表的內容。
博客發表後，本地緩存將被刪除。　
用戶可以選擇 把正在寫的博客保存到服務器草稿箱，即使換瀏覽器或者清除緩存，內容也不會丟失。

注意：雖然瀏覽器存儲大部分時候都比較可靠，但爲了您的數據安全，在聯網後，請務必及時發表或者保存到服務器草稿箱。

瀏覽器兼容

1. 目前，本編輯器對Chrome瀏覽器支持最爲完整。建議大家使用較新版本的Chrome。
2. IE９以下不支持
3. IE９，１０，１１存在以下問題
   
   1. 不支持離線功能
   2. IE9不支持文件導入導出
   3. IE10不支持拖拽文件導入

---

1. 這裏是 腳註 的 內容. ↩