第12篇
一、Markdown常用語法
Markdown 是一種易于閱讀、易于撰寫的純文字格式的標記語言，可以轉換成HTML，越來越多的人用它寫文章。簡書就支持markdown，在簡書預覽模式下寫作非常直觀高效。
常用的語法包括 標題、列表、引用、鏈接、圖片、粗斜體及代碼。
1. 標題
井號表示標題，字號隨井號數量增多而變小，一個是一級，最多6級。一般到4級就足夠使用了。
標題寫法
# 一級標題
## 二級標題
### 三級標題
#### 四級標題
標題顯示效果
一級標題
二級標題
三級標題
四級標題
2. 列表
列表分兩種，有序列表和無序列表。
有序列表寫法
阿拉伯數字+小數點+空格，空格不能丟。而且數字寫錯也沒關系，markdown會自動修正為正確順序。
1. 第一條
3. 第二條
0. 第三條
8. 第四條
有序列表顯示效果
- 第一條
- 第二條
- 第三條
- 第四條
無序列表寫法
有3種寫法，減號+空格、加號+空格、星號+空格，空格不能丟。兩種寫法同時用的時候，無序列表的行距不一樣。
- 鋤禾日當午
- 汗滴禾下土
+ 千山鳥飛絕
+ 萬徑人蹤滅
* 白毛浮綠水
* 紅掌撥清波
無序列表顯示效果
- 鋤禾日當午
- 汗滴禾下土
- 千山鳥飛絕
- 萬徑人蹤滅
- 白毛浮綠水
- 紅掌撥清波
列表嵌套寫法
子列表前加4個空格。
1. 有序列表第一個：
- 無序列表A
1. A 的有序子列表1
1. A 的有序子列表2
- 無序列表B
2. 有序列表第二個：
列表嵌套顯示效果
- 有序列表第一個：
- 無序列表A
- A 的有序子列表1
- A 的有序子列表2
- 無序列表B
- 無序列表A
- 有序列表第二個：
3. 引用
引用寫法
> 引用內容
引用內容第二行
> 第三行
>>引用內嵌套內容
引用顯示效果
引用內容
引用內容第二行
第三行引用內嵌套內容
4. 鏈接
鏈接寫法
包含兩種，文字鏈接和網址鏈接，鏈接必須添加http:// 。
[谷歌](http://www.google.com)
<http://www.google.com>或http://www.google.com
鏈接顯示效果
谷歌
http://www.google.com或http://www.google.com
5. 圖片
插入圖片不需要按鈕，只需要使用圖片MD語法即可，等于在文字鏈接前面加一個感嘆號，方便記憶。
圖片寫法
圖片名稱可以為空。
圖片顯示效果
6. 粗斜體
粗斜體寫法
*我是斜的*
**我是粗的**
***斜加粗***
粗斜體顯示效果
我是斜的
我是粗的
斜加粗
7. 代碼
代碼寫法
使用一個或三個 ` 將代碼包起來即可。這個符號不是分號，是Esc鍵下面，感嘆號前面的那個鍵。
`hello,world.`
```
class PostsController < ApplicationController
def index
posts = Post.all
render json: posts
end
end
```
代碼塊顯示效果
hello,world.
class PostsController < ApplicationController
def index
posts = Post.all
render json: posts
end
end
8. 其他語法
換行、分隔符、符號轉義、表格
寫法
換行：如果另起一行，只需在當前行結尾加 2 個空格，如果是要起一個新段落，只需要空出一行即可。
分隔符：新起一行輸入三個減號-或星號*
***
---
* * *
*****
- - -
符號轉義：如果需要用到# * 等符號，但又不想它被轉義，可以在這些符號前加反斜杠，如 \# \* 避免被轉義。
**加粗加粗** \*\*不想這里的文本被加粗\*\*
表格：一般寫文章不常用，使用豎線 | 代表表格框線即可。
| A列 | B列 | C列 | D列 |
|--|--|--|--|
| 2 | 3 |2 | 3 |
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |
顯示效果
分隔符
轉義字符
加粗加粗 **不想這里的文本被加粗**
表格
| A列 | B列 | C列 | D列 |
|---|---|---|---|
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |
二、簡書編輯器圖片編輯
上傳
直接拖拽到編輯區域，支持多張圖片同時上傳。
修改圖片名稱和大小
上傳至簡書的圖片地址格式為
圖片鏈接的末尾數字就是圖片寬度，通過這個數字可以改變圖片大小。最佳數字是620。
修改前
修改后
圖片排版
如果有多圖同行排列的需求，可以結合表格語法實現。
| 左邊 | 右邊 |
| :--: | :--: |
|  | |
圖片排版效果
| 左邊 | 右邊 |
|---|---|
 8801534.jpg
|
蒲公英科學繪本
|
