【markdown編輯器】使用指南

時間 2020-06-07

原文原文鏈接

markdown編輯器使用指南

(在括號內而且以代碼框形式顯示的，纔是markdown語句)python

一、快捷鍵 (在博客園好像中沒法使用，尷尬啊)

加粗： Ctrl/Cmd + B 標題： Ctrl/Cmd + H 插入連接： Ctrl/Cmd + K 插入代碼： Ctrl/Cmd + Shift + C 行內代碼： Ctrl/Cmd + Shift + K 插入圖片： Ctrl/Cmd + Shift + I 無序列表： Ctrl/Cmd + Shift + L 撤銷： Ctrl/Cmd + Z編程

二、標題

標題1 (`# 標題1`)

標題2 (`## 標題2`)

標題3 (`### 標題3`)

標題4 (`#### 標題4`)

標題5 (`##### 標題5`)

標題6 (`###### 標題6`)

注意：有的編輯器須要加空格，這裏加不加都行，建議習慣加上空格。markdown

三、粗體

粗體 (**粗體**) 粗體 (__粗體__) <B>粗體</B> (<B>粗體</B>)編程語言

四、斜體

斜體 (*斜體*) 斜體 (_斜體_)編輯器

#五、下劃線 (×，不建議使用，由於容易與連接混淆)區塊鏈

六、刪除線

刪除線 (~~刪除線~~) <s>刪除線</s> (<s>刪除線</s>)google

七、無序列表

列表內容

列表內容

列表內容
- 嵌套列表內容
- 嵌套列表內容
- 嵌套列表內容

(spa

* 列表內容
+ 列表內容
- 列表內容
    * 嵌套列表內容
    - 嵌套列表內容
    + 嵌套列表內容
注意：使用-+*均可以，可是-+*跟列表內容之間都要有空格，若是須要列表嵌套，只需多加三個空格或一個tab製表符便可，有的編輯器只能tab，這裏三個空格和一個tab都行，建議習慣使用tab。

)code

八、有序列表

列表內容
列表內容
列表內容
1. 嵌套列表內容
2. 嵌套列表內容
3. 嵌套列表內容

(blog

1. 列表內容
2. 列表內容
3. 列表內容
    1. 嵌套列表內容
    2. 嵌套列表內容
    3. 嵌套列表內容
注意：序號跟內容之間要有英文句號和空格，若是須要列表嵌套，只需多加三個空格或一個tab製表符便可，有的編輯器只能tab，這裏三個空格和一個tab都行，建議習慣使用tab。

)

九、連接 (Links)

內聯方式
- 不顯示文本(只顯示連接) https://www.baidu.com (<https://www.baidu.com>)
- 顯示文本(不顯示連接) 百度首頁 ([百度首頁](https://www.baidu.com "百度一下")) This is an example link (This is an [example link](http://example.com/))

(

[超連接名](超連接地址 "超連接title")
超連接title：超連接的標題，當鼠標移到超連接上時顯示的內容，可加可不加，建議加上title。

)

引用方式 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"
注意：第一行與下面的標號之間，必須空一行

[超連接名][id] 

[id]: 超連接地址 "超連接title"
id：能夠是數字、英文字符，也能夠是中文，建議直接使用數字便可，簡單明瞭。
超連接title：超連接的標題，當鼠標移到超連接上時顯示的內容，可加可不加，建議加上title。

)

十、圖片 (Images)

內聯方式

(

![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=702257389,1274025419&fm=27&gp=0.jpg "區塊鏈")

![alt text](圖片地址 "圖片title")
alt text：圖片的替代文字，也就是當圖片還未加載成功時顯示的替換文本
圖片title：圖片的標題，當鼠標移到圖片上時顯示的內容，可加可不加，建議加上title。

)

引用方式

(

![blockchain][1] 

[1]: https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=702257389,1274025419&fm=27&gp=0.jpg "區塊鏈"

![alt text][id] 

[id]: 圖片地址 "圖片title"
alt text：圖片的替代文字，也就是當圖片還未加載成功時顯示的替換文本，建議加上，用圖片名錶示。
id：能夠是數字、英文字符，也能夠是中文，建議直接使用數字便可，簡單明瞭。
圖片title：圖片的標題，當鼠標移到圖片上時顯示的內容，可加可不加，建議加上title。

)

十一、引用 (塊註釋：blockquote)

經過在文字開頭添加>或>加空格表示塊註釋，空格加不加均可以，建議習慣加上。（當>和文字之間添加一個空格和一個tab時，展現爲> 和tab的疊加效果）

這是一段引用內容

這是一段引用內容

這是一段引用內容

這是一段引用內容

(

> 這是一段引用內容
>> 這是一段引用內容
>>> 這是一段引用內容

>     這是一段引用內容

)

十二、代碼 (HTML中所謂的Code)

def add_two_number(a, b):
    return a + b

n = add_two_number(2,5)
print(n)

(

```python
def add_two_number(a, b):
    return a + b

n = add_two_number(2,5)
print(n)
```

通用語法：

```編程語言
代碼片斷
```

)

1三、表格

項目	價格
iPhone	$560
iPad	$780
iMac	$1000

(

|項目|價格|
|-|-|
|iPhone|$560|
|iPad|$780|
|iMac|$1000|

)

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

項目	價格	數量
iPhone	6000元	5
iPad	3800元	12
iMac	10000元	234

(

|項目|價格|數量|
|-|:-:|-:|
|iPhone|6000元|5|
|iPad|3800元|12|
|iMac|10000元|234|
注意：
表格前面必定要留有空行，不然不顯示錶格；
每行都用|分隔，(行首行位尾可不加|)；
第二行用一個或多個-填充，以區分表頭；此外能夠用:-、:-:、-:表示左中右三種對齊方式，默認是左對齊。

)

1四、流程圖 (博客園和簡書不支持)

1五、以`代碼框`形式顯示文本內容 (相似代碼塊)

用兩個`包起來的只顯示成單行代碼塊，前面須要有空行；能夠經過空行來隔斷用兩個```包起來的能夠顯示爲多行代碼塊，前面要有空行；能夠經過空行來隔斷在行首添加tab，也能夠實現多行代碼塊；但在後面仍有縮進的狀況下，沒法經過單個空行來隔斷

123 123 123

123
123
123

123
123
123

(

)

1六、分割線

(

---
***
----
****
注意：用很多於三個的-或者*表示，前面必須空一行

)

1七、特殊符號的轉義

在Markdown中，主要有如下幾種特殊符號須要進行轉義處理： \ 反斜線 ` 反引號 * 星號 _ 底線 {} 花括號 [] 方括號 () 括弧 # 井字號 + 加號 - 減號 . 英文句點 ! 驚歎號

(

\\   反斜線
\`   反引號
\*   星號
\_   底線
\{}  花括號
\[]  方括號
\()  括弧
\#   井字號
\+   加號
\-   減號
\.   英文句點
\!   驚歎號
注意：在用markdown輸入以上特殊符號的時候必定要注意轉義，不然將致使內容顯示不全，甚至排版混亂。切記切記！！

)