快速學習MarkDown語法及MarkDown拓展語法

使用Markdown編輯器寫博客

前半部分爲效果後半部分爲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及擴展

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

使用簡單的符號標識不一樣的標題，將某些文字標記爲粗體或者斜體，建立一個連接等，詳細語法參考幫助？。

本編輯器支持 Markdown Extra , 　擴展了不少好用的功能。具體請參考Github.

表格

Markdown　Extra　表格語法：

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

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

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

定義列表

Markdown　Extra　定義列表語法：

項目１

項目２

定義 A

定義 B

項目３

定義 C

定義 D

定義D內容

代碼塊

代碼塊語法遵循標準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'''

腳註

生成一個腳註1.

目錄

用 [TOC]來生成目錄：

• 使用Markdown編輯器寫博客
  • 快捷鍵
  • Markdown及擴展
    • 表格
    • 定義列表
    • 代碼塊
    • 腳註
    • 目錄
    • 數學公式
    • UML 圖:
  • 離線寫博客
  • 瀏覽器兼容
• Markdown部分

數學公式

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

• 行內公式，數學公式爲： Γ(n)=(n−1)!∀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 圖:

能夠渲染序列圖：

或者流程圖：

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

離線寫博客

即便用戶在沒有網絡的狀況下，也能夠經過本編輯器離線寫博客（直接在曾經使用過的瀏覽器中輸入write.blog.csdn.net/mdeditor便可。Markdown編輯器使用瀏覽器離線存儲將內容保存在本地。

用戶寫博客的過程當中，內容實時保存在瀏覽器緩存中，在用戶關閉瀏覽器或者其它異常狀況下，內容不會丟失。用戶再次打開瀏覽器時，會顯示上次用戶正在編輯的沒有發表的內容。

博客發表後，本地緩存將被刪除。　

用戶能夠選擇 把正在寫的博客保存到服務器草稿箱，即便換瀏覽器或者清除緩存，內容也不會丟失。

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

瀏覽器兼容

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

---

注：本文來參考了CSDN markdown編輯器使用教程

Markdown部分

# 使用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及擴展

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

使用簡單的符號標識不一樣的標題，將某些文字標記爲**粗體**或者*斜體*，建立一個[連接](http://www.csdn.net)等，詳細語法參考幫助？。

本編輯器支持 **Markdown Extra** , 　擴展了不少好用的功能。具體請參考[Github][2].  

### 表格

**Markdown　Extra**　表格語法：

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

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

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

###定義列表

**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'''






<div class="se-preview-section-delimiter"></div>

###腳註
生成一個腳註[^footnote].


<div class="se-preview-section-delimiter"></div>

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

[TOC]





<div class="se-preview-section-delimiter"></div>

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

 - 行內公式，數學公式爲：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
 - 塊級公式：




<div class="se-preview-section-delimiter"></div>


$$	x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

更多LaTex語法請參考 [這兒][3].





<div class="se-preview-section-delimiter"></div>

### UML 圖:

能夠渲染序列圖：





<div class="se-preview-section-delimiter"></div>

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


或者流程圖：

```flow
st=>start: 開始
e=>end: 結束
op=>operation: 個人操做
cond=>condition: 確認？

st->op->cond
cond(yes)->e
cond(no)->op


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





<div class="se-preview-section-delimiter"></div>

## 離線寫博客

即便用戶在沒有網絡的狀況下，也能夠經過本編輯器離線寫博客（直接在曾經使用過的瀏覽器中輸入[write.blog.csdn.net/mdeditor](http://write.blog.csdn.net/mdeditor)便可。**Markdown編輯器**使用瀏覽器離線存儲將內容保存在本地。

用戶寫博客的過程當中，內容實時保存在瀏覽器緩存中，在用戶關閉瀏覽器或者其它異常狀況下，內容不會丟失。用戶再次打開瀏覽器時，會顯示上次用戶正在編輯的沒有發表的內容。

博客發表後，本地緩存將被刪除。　

用戶能夠選擇 <i class="icon-disk"></i> 把正在寫的博客保存到服務器草稿箱，即便換瀏覽器或者清除緩存，內容也不會丟失。

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





<div class="se-preview-section-delimiter"></div>

##瀏覽器兼容

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

---------
注：本文來參考了CSDN markdown編輯器使用教程

---

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