markdown（語法）入門學習：

原文連接：https://segmentfault.com/a/1190000010223222#articleHeader9

1.標題

注：#後面保持空格

# h1
## h2
### h3
#### h4
##### h5
###### h6
####### h7      // 錯誤代碼
######## h8     // 錯誤代碼
######### h9    // 錯誤代碼
########## h10  // 錯誤代碼　　

 

演示：

h1

h2

h3

h4

h5

h6

####### h7
######## h8
######### h9
########## h10

2.分級標題

注：= - 最少能夠只寫一個，兼容性通常

一級標題
======================
二級標題
---------------------

　演示：

3.TOC

注：根據標題生成目錄，兼容性通常

代碼：

[TOC]

演示：

4.引用

> hello world!

演示

hello world!

多行式：  

> hello world!       
hello world!
hello world!

或者：  

> hello world!       
> hello world!
> hello world!

 演示：

hello world!
hello world!
hello world!

多層嵌套

> aaaaaaaa
>> bbbbbbbb
>>> ccccccccc

演示：

 |   aaaaaaaaa
 |
 |   |     bbbbbbbbb
 |   |
 |   |   |   cccccccccc            
 |   |
 |

5.行內標記

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

代碼：

標記以外 `hello world`標記以外

演示：

標記以外 hello world 標記以外

錯誤代碼
注：不一樣平臺錯誤略有差別

 標記以外 ` 
< div>   
    < div></div>
    < div></div>
    < div></div>
< /div>
`標記以外

演示

 

6.代碼塊

注：用 ``` 生成塊 

演示
注：距離上行保持一空行

<div>   
    <div></div>
    <div></div>
    <div></div>
</div>

 注： Tab縮進

演示：

自定義語法

注：根據不一樣的語言配置不一樣的代碼着色

演示：

 

7.插入連接

代碼1(內鏈式)

* [mou](http://mouapp.com/) 
* [ace](http://ace.ajax.org/)
* [jquery](http://jquery.com)

演示：

8.插入圖片

![](./01.png '描述')          例：![mahua](mahua-logo.jpg)

演示：（圖片成功插入）

 

 9.插入的圖片帶有連接

[![](./01.png '百度')](http://www.baidu.com){:target="_blank"}        // 內鏈式

[![](./01.png '百度')][5]{:target="_blank"}                       // 引用式
[5]: http://www.baidu.com

10.視頻插入

<iframe height=498 width=510 src='http://player.youku.com/embed/XMjgzNzM0NTYxNg==' frameborder=0 'allowfullscreen'></iframe>

演示：

（視頻已經被插入）

 

[![視頻名稱](mahua-logo.jpg)](http://v.youku.com/v_show/id_XMjgzNzM0NTYxNg==.html?spm=a2htv.20009910.contentHolderUnit2.A&from=y1.3-tv-grid-1007-9910.86804.1-2#paction){:target="_blank"}

演示：（點擊便可跳轉到相應的視頻。在markdoawn的編輯器中）

11.序表

代碼1(有序)

注：序列.後 保持空格

無序：

序表嵌套

1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2

演示：

12,.任務列表

- [x] 選項一
- [ ] 選項二  
- [ ]  [選項3]

演示：

13.表格

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

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

演示：

簡約寫法：

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

14.語義標記

15.語義標籤

16.格式化文本（保持輸入排版格式不變）（代碼塊也保持輸入的格式不變）

演示：

17.公式 {#1}

注：1個$左對齊，2個居中

$$ x \href{why-equal.html}{=} y^2 + 1 $$
$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $

18.分隔符

注：最少三個 --- 或 ***或 * * *

代碼

***
---
* * *

演示:

19.錨點

代碼
注：只有標題支持錨點， 跳轉目錄方括號後 保持空格

 

[公式標題錨點](#1)

### [須要跳轉的目錄] {#1}    // 方括號後保持空格

20.自動郵箱連接

<xxx@outlook.com>

21.流程圖

 

```flow                     // 流程
st=>start: 開始|past:> http://www.baidu.com // 開始
e=>end: 結束              // 結束
c1=>condition: 條件1:>http://www.baidu.com[_parent]   // 判斷條件
c2=>condition: 條件2      // 判斷條件
c3=>condition: 條件3      // 判斷條件
io=>inputoutput: 輸出     // 輸出
//----------------以上爲定義參數-------------------------

//----------------如下爲鏈接參數-------------------------
// 開始->判斷條件1爲no->判斷條件2爲no->判斷條件3爲no->輸出->結束
st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e                   // 條件1不知足->結束
c2(no)->e                   // 條件2不知足->結束
c3(no)->e                   // 條件3不知足->結束
```

演示：

代碼詳解

流程圖分爲兩個部分： 定義參數 而後 鏈接參數

22.時序圖

A->>B: 你好
Note left of A: 我在左邊      // 註釋方向，只有左右，沒有上下
Note right of B: 我在右邊
B-->A: 很高興認識你

演示：