Markdown常用語(yǔ)法及簡(jiǎn)書圖片編輯

第12篇

一、Markdown常用語(yǔ)法

Markdown 是一種易于閱讀、易于撰寫的純文字格式的標(biāo)記語(yǔ)言,可以轉(zhuǎn)換成HTML蜈块,越來(lái)越多的人用它寫文章。簡(jiǎn)書就支持markdown渴邦,在簡(jiǎn)書預(yù)覽模式下寫作非常直觀高效疯趟。

常用的語(yǔ)法包括 標(biāo)題、列表谋梭、引用信峻、鏈接、圖片瓮床、粗斜體及代碼盹舞。


1. 標(biāo)題

井號(hào)表示標(biāo)題产镐,字號(hào)隨井號(hào)數(shù)量增多而變小,一個(gè)是一級(jí)踢步,最多6級(jí)癣亚。一般到4級(jí)就足夠使用了。

標(biāo)題寫法

# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
#### 四級(jí)標(biāo)題

標(biāo)題顯示效果

一級(jí)標(biāo)題

二級(jí)標(biāo)題

三級(jí)標(biāo)題

四級(jí)標(biāo)題


2. 列表

列表分兩種获印,有序列表和無(wú)序列表述雾。

有序列表寫法

阿拉伯?dāng)?shù)字+小數(shù)點(diǎn)+空格,空格不能丟兼丰。而且數(shù)字寫錯(cuò)也沒(méi)關(guān)系玻孟,markdown會(huì)自動(dòng)修正為正確順序。

1. 第一條
3. 第二條
0. 第三條
8. 第四條

有序列表顯示效果

  1. 第一條
  2. 第二條
  3. 第三條
  4. 第四條

無(wú)序列表寫法

有3種寫法鳍征,減號(hào)+空格黍翎、加號(hào)+空格、星號(hào)+空格艳丛,空格不能丟匣掸。兩種寫法同時(shí)用的時(shí)候,無(wú)序列表的行距不一樣氮双。

- 鋤禾日當(dāng)午
- 汗滴禾下土
+ 千山鳥飛絕
+ 萬(wàn)徑人蹤滅
* 白毛浮綠水
* 紅掌撥清波

無(wú)序列表顯示效果

  • 鋤禾日當(dāng)午
  • 汗滴禾下土
  • 千山鳥飛絕
  • 萬(wàn)徑人蹤滅
  • 白毛浮綠水
  • 紅掌撥清波

列表嵌套寫法

子列表前加4個(gè)空格碰酝。

1. 有序列表第一個(gè):
    - 無(wú)序列表A
        1. A 的有序子列表1
        1. A 的有序子列表2
    - 無(wú)序列表B
2. 有序列表第二個(gè):

列表嵌套顯示效果

  1. 有序列表第一個(gè):
    • 無(wú)序列表A
      1. A 的有序子列表1
      2. A 的有序子列表2
    • 無(wú)序列表B
  2. 有序列表第二個(gè):

3. 引用

引用寫法

> 引用內(nèi)容
引用內(nèi)容第二行
> 第三行
>>引用內(nèi)嵌套內(nèi)容

引用顯示效果

引用內(nèi)容
引用內(nèi)容第二行
第三行

引用內(nèi)嵌套內(nèi)容


4. 鏈接

鏈接寫法

包含兩種,文字鏈接和網(wǎng)址鏈接眶蕉,鏈接必須添加http:// 砰粹。

 [谷歌](http://www.google.com)
<http://www.google.com>或http://www.google.com

鏈接顯示效果

谷歌
http://www.google.comhttp://www.google.com


5. 圖片

插入圖片不需要按鈕,只需要使用圖片MD語(yǔ)法即可造挽,等于在文字鏈接前面加一個(gè)感嘆號(hào),方便記憶弄痹。

圖片寫法

圖片名稱可以為空饭入。

![圖片名稱](http://upload-images.jianshu.io/upload_images/11857-31d8162766cd39c8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

圖片顯示效果

圖片名稱

6. 粗斜體

粗斜體寫法

*我是斜的*
**我是粗的**
***斜加粗***

粗斜體顯示效果

我是斜的
我是粗的
斜加粗


7. 代碼

代碼寫法

使用一個(gè)或三個(gè) ` 將代碼包起來(lái)即可。這個(gè)符號(hào)不是分號(hào)肛真,是Esc鍵下面谐丢,感嘆號(hào)前面的那個(gè)鍵。

`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. 其他語(yǔ)法

換行蚓让、分隔符乾忱、符號(hào)轉(zhuǎn)義、表格

寫法

換行:如果另起一行历极,只需在當(dāng)前行結(jié)尾加 2 個(gè)空格窄瘟,如果是要起一個(gè)新段落,只需要空出一行即可趟卸。
分隔符:新起一行輸入三個(gè)減號(hào)-或星號(hào)*

***
---
* * *
*****
- - -

符號(hào)轉(zhuǎn)義:如果需要用到# * 等符號(hào)蹄葱,但又不想它被轉(zhuǎn)義氏义,可以在這些符號(hào)前加反斜杠,如 \# \* 避免被轉(zhuǎn)義图云。

**加粗加粗**  \*\*不想這里的文本被加粗\*\*

表格:一般寫文章不常用惯悠,使用豎線 | 代表表格框線即可。

| A列 | B列 | C列 | D列 |
|--|--|--|--|
| 2 | 3 |2 | 3 |
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |
| 2 | 3 | 2 | 3 |

顯示效果

分隔符






轉(zhuǎn)義字符

加粗加粗 **不想這里的文本被加粗**

表格

A列 B列 C列 D列
2 3 2 3
2 3 2 3
2 3 2 3
2 3 2 3

二竣况、簡(jiǎn)書編輯器圖片編輯

上傳

直接拖拽到編輯區(qū)域克婶,支持多張圖片同時(shí)上傳。

修改圖片名稱和大小

上傳至簡(jiǎn)書的圖片地址格式為

![圖片名稱](http://…………?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

圖片鏈接的末尾數(shù)字就是圖片寬度丹泉,通過(guò)這個(gè)數(shù)字可以改變圖片大小情萤。最佳數(shù)字是620。

修改前

![71QDSdukUCL.jpg](http://upload-images.jianshu.io/upload_images/11857-76326f352c2afe1e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
71QDSdukUCL.jpg

修改后

![蒲公英科學(xué)繪本](http://upload-images.jianshu.io/upload_images/11857-76326f352c2afe1e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/620)
蒲公英科學(xué)繪本

圖片排版

如果有多圖同行排列的需求嘀掸,可以結(jié)合表格語(yǔ)法實(shí)現(xiàn)紫岩。

| 左邊 | 右邊 | 
| :--: | :--: |
| ![8801534.jpg](http://upload-images.jianshu.io/upload_images/11857-01cbf3fb27bdff77.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/620)  | ![蒲公英科學(xué)繪本](http://upload-images.jianshu.io/upload_images/11857-76326f352c2afe1e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/520)|

圖片排版效果

左邊 右邊
8801534.jpg
蒲公英科學(xué)繪本

三、參考資料

如何切換至 Markdown 編輯器
獻(xiàn)給寫作者的 Markdown 新手指南
Markdown語(yǔ)法說(shuō)明

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末睬塌,一起剝皮案震驚了整個(gè)濱河市泉蝌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌揩晴,老刑警劉巖勋陪,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異硫兰,居然都是意外死亡诅愚,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門劫映,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)违孝,“玉大人,你說(shuō)我怎么就攤上這事泳赋〈粕#” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵祖今,是天一觀的道長(zhǎng)校坑。 經(jīng)常有香客問(wèn)我,道長(zhǎng)千诬,這世上最難降的妖魔是什么耍目? 我笑而不...
    開封第一講書人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮徐绑,結(jié)果婚禮上邪驮,老公的妹妹穿的比我還像新娘。我一直安慰自己泵三,他們只是感情好耕捞,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開白布衔掸。 她就那樣靜靜地躺著,像睡著了一般俺抽。 火紅的嫁衣襯著肌膚如雪敞映。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評(píng)論 1 285
  • 那天磷斧,我揣著相機(jī)與錄音振愿,去河邊找鬼。 笑死弛饭,一個(gè)胖子當(dāng)著我的面吹牛冕末,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播侣颂,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼档桃,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了憔晒?” 一聲冷哼從身側(cè)響起藻肄,我...
    開封第一講書人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拒担,沒(méi)想到半個(gè)月后嘹屯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡从撼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年州弟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片低零。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡婆翔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出掏婶,到底是詐尸還是另有隱情浙滤,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布气堕,位于F島的核電站,受9級(jí)特大地震影響畔咧,放射性物質(zhì)發(fā)生泄漏茎芭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一誓沸、第九天 我趴在偏房一處隱蔽的房頂上張望梅桩。 院中可真熱鬧,春花似錦拜隧、人聲如沸宿百。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)垦页。三九已至雀费,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間痊焊,已是汗流浹背盏袄。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留薄啥,地道東北人辕羽。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像垄惧,于是被迫代替她去往敵國(guó)和親刁愿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • Markdown 語(yǔ)法 以下是 Markdown 的常用語(yǔ)法到逊!在以后的筆記中將持續(xù)使用 Markdown 語(yǔ)法進(jìn)行...
    WinSolstice閱讀 1,444評(píng)論 0 1
  • 關(guān)于簡(jiǎn)書 Markdown Markdown 語(yǔ)法的目標(biāo): 成為一種適用于網(wǎng)絡(luò)的書寫語(yǔ)言铣口。本文的目的:使讀者...
    白老師課堂閱讀 15,409評(píng)論 24 177
  • 一奇跡 1.今天聽(tīng)完宏燕老師一階段1期6課很亨受,亨受愛(ài)的滋養(yǎng)能量的進(jìn)入蕾管,接著冥想薩亞《愛(ài)自已》覺(jué)察頭腦一片空白全...
    和平感恩閱讀 249評(píng)論 0 0
  • 都說(shuō)世事錯(cuò)綜復(fù)雜枷踏,其實(shí),再迷亂的路掰曾,都有清晰的脈絡(luò)旭蠕。有時(shí)候,不過(guò)是有心人故弄玄虛旷坦,讓迷路的人看不清前方而已...
    做一個(gè)明媚的奇女子閱讀 380評(píng)論 0 2
  • 0.安裝前準(zhǔn)備工作 -- (可跳過(guò)) 1.CocoaPods的安裝 由于天朝網(wǎng)絡(luò)受限掏熬,需將源替換成淘寶的鏡像 Po...
    wutongyu閱讀 994評(píng)論 0 3