代碼塊

block code效果

block code語法

行內代碼

這里要演示的是行內代碼的語法規則 inline code效果

這里要要演示的是行內代碼的語法規則 `inline code語法` 

標題

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

引用

引用

引用的嵌套

> 引用 
>> 引用的嵌套

無序列表

• 無序列表１
• 無序列表２
• 無序列表３

*無序列表１
*無序列表２
*無序列表３

有序列表

1. 有序列表1
2. 有序列表2
3. 有序列表2

1. 有序列表1
3. 有序列表2
4. 有序列表3
note:前面的1,3,4對顯示的效果沒有影響

表格

First Header | Second Header | Third Header
:----------- | :-----------: | -----------:
Left | Center | Right
Left | Center | Right

分割線

---
***
___

斜體

這里有斜體兩個字

這里有*斜體*兩個字

粗體

這里有粗體兩個字

這里有**粗體**兩個字

刪除線

我被刪除了

~~我被刪除了~~

文本超鏈接

I get 10 times more traffic from Google than from Yahoo or MSN.

語法一：
I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3].  

[1]: http://google.com/ "Google" 
[2]: http://search.yahoo.com/  "Yahoo Search" 
[3]: http://search.msn.com/    "MSN Search"
note:
超鏈接的引用：[Google][1] 對應于[被設置超鏈接的文本][超鏈接引用id]
超鏈接的定義: [1]: http://google.com/ "Google"  [超鏈接id]: url "鼠標在文本上顯示的提示信息"

語法二：
I get 10 times more traffic from [Google](http://google.com/ "Google") than from [Yahoo](http://search.yahoo.com/  "Yahoo Search"  ) or [MSN](http://search.msn.com/    "MSN Search"). 
note:[Google](http://google.com/ "Google")　[被設置超鏈接的文本][url "鼠標在文本上顯示的提示信息"]

插入圖片

![圖片][pic_id]
[pic_id]:http://upload-images.jianshu.io/upload_images/2067174-5a3c540812896661.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

語法一：
![圖片][pic_id]
[pic_id]:http://upload-images.jianshu.io/upload_images/2067174-5a3c540812896661.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

語法二：
![圖片](http://upload-images.jianshu.io/upload_images/2067174-5a3c540812896661.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

note:語法規則類型與鏈接

插入鏈接

http://www.linkInsert.com

<http://www.linkInsert.com>

轉義

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

note:如果需要顯示這些字符。需要使用反斜杠轉義

注意

• 語法關鍵字與內容之間一定要使用空格分離，這是規范
• 如果復制別人的代碼發現沒有效果，可以嘗試換行或者添加空格