接觸簡書也有段時(shí)間了猾浦,但是一直使用的編輯文檔格式是富文本陆错,對于代碼格式的顯示真的大寫的尷尬,今天看了一篇大神的分享金赦,果斷設(shè)置
1 看下富文本和markdown的簡單區(qū)分:
富文本 | markdown |
---|---|
簡書的默認(rèn)編輯器即為「富文本編輯器」音瓷,「富文本編輯器」有一條功能欄 | Markdown 是一種用來寫作的輕量級「標(biāo)記語言」,它用簡潔的語法代替排版夹抗,使我們專心于碼字 |
優(yōu)點(diǎn):心理上易入門绳慎,操作類似于word | 優(yōu)點(diǎn):心理上易入門,操作類似于word |
2 Markdown相對來說多了列表和表格(代碼風(fēng)格也比較容易結(jié)束)
markdown |
----|------
斜體 |刪除線| 引用 |標(biāo)題| 外鏈
圖片| 分割線| 視頻| 列表| 表格
3 富文本功能簡介
富文本由于類似于我們平時(shí)常用的編輯器,很容易上手偷线,所以這里不多贅述磨确。
4 Markdown詳解
學(xué)習(xí)使用markdown首先需要記住這幾個(gè)符號,很多標(biāo)記都是由下面這幾個(gè)符號來表示声邦,引導(dǎo)
這幾個(gè)符號 # * > [] () | - ~ :
4.1標(biāo)題(#+空格)
在 Markdown 中乏奥,你只需要在文本前面加上 # +空格即可,同理亥曹、你還可以增加二級標(biāo)題邓了、三級標(biāo)題、四級標(biāo)題媳瞪、五級標(biāo)題和六級標(biāo)題骗炉,總共六級,只需要增加 # 即可蛇受,標(biāo)題字號相應(yīng)降低句葵。例如:
# 一級標(biāo)題
## 二級標(biāo)題
### 三級標(biāo)題
#### 四級標(biāo)題
##### 五級標(biāo)題
###### 六級標(biāo)題
如下圖:
4.2列表(-,1.+空格)
無序列表(-+空格):
- 文本1
- 文本2
- 文本3
有序列表(1.+空格)文字前面加上 1. 2. 3. .....就可以了
- 文本
- 文本
- 文本
4.3鏈接和圖片(! [] () 感嘆號+中括號+小括號)
在 Markdown 中兢仰,插入鏈接不需要其他按鈕乍丈,你只需要使用 顯示文本 這樣的語法即可,
例如:
[簡書](http://www.reibang.com)
簡書
在 Markdown 中把将,插入圖片不需要其他按鈕轻专,你只需要使用 ![](圖片鏈接地址)
這樣的語法即可,例如:
![](http://upload-images.jianshu.io/upload_images/259-0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
注:插入圖片的語法和鏈接的語法很像察蹲,只是前面多了一個(gè) 请垛!。
插入鏈接和圖片的案例截圖:
4.4引用(>+空格)
在我們寫作的時(shí)候經(jīng)常需要引用他人的文字洽议,這個(gè)時(shí)候引用這個(gè)格式就很有必要了宗收,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了亚兄,例如:
> 說好的幸福呢
說好的幸福呢
引用的案例截圖:
4.5粗體和斜體(* ,**)
Markdown 的粗體和斜體也非常簡單镜雨,用兩個(gè) *
包含一段文本就是粗體的語法,用一個(gè)*
包含一段文本就是斜體的語法儿捧。例如:
*我是斜體哦*
我是斜體哦
**我是粗體哦**
我是粗體哦
斜體加粗顯示為:
***我是斜體+粗體哦***
我是斜體+粗體哦
4.6代碼引用(`+空格,```+空格)
需要引用代碼時(shí)荚坞,如果引用的語句只有一段,不分行菲盾,可以用 ` 將語句包起來颓影。
如果引用的語句為多行,可以將```置于這段代碼的首行和末行懒鉴。
代碼引用的案例截圖:
4.7表格(| :- 豎線+冒號+短線 需要換行)
相關(guān)代碼:
| Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |
顯示如下:
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
相關(guān)代碼:
如下
`dog | bird | cat
----|------|----
foo | foo | foo
bar | bar | bar
baz | baz | baz`
顯示效果
dog | bird | cat |
---|---|---|
foo | foo | foo |
bar | bar | bar |
baz | baz | baz |
表格的多表現(xiàn)形式
代碼如下:
|表格|表格|表格| |:---|:---:|---:| |冒號在左邊表示左對齊|冒號兩邊都有表示居中|冒號在右邊表示右對齊|
顯示結(jié)果:
表格 | 表格 | 表格 |
---|---|---|
冒號在左邊表示左對齊 | 冒號兩邊都有表示居中 | 冒號在右邊表示右對齊 |
4.8顯示鏈接中帶括號的圖片
代碼如下:
![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1
4.9分割線诡挂,刪除線(***三個(gè)星號碎浇,~ 兩個(gè)波浪線)
分割線:
代碼
***
顯示效果:
你以為你是誰,迷路了就算了
好吧璃俗,無所謂了奴璃,無所謂
刪除線
代碼
~~左右兩個(gè)波浪出現(xiàn)刪除線,也叫中劃線~~
效果顯示
左右兩個(gè)波浪出現(xiàn)刪除線城豁,也叫中劃線