markdown基本語(yǔ)法

1. 標(biāo)題

Markdown 支持兩種標(biāo)題的語(yǔ)法熊赖,類 Setext 和類 atx 形式疲牵。

類 Setext 形式是用底線的形式承二,利用 = (最高階標(biāo)題)和 - (第二階標(biāo)題),例如:

This is an H1
=============

This is an H2
-------------  

效果如下(任何數(shù)量的 = 和 - 都可以有效果纲爸。):

This is an H1

This is an H2

類 Atx 形式則是在行首插入 1 到 6 個(gè) # 亥鸠,對(duì)應(yīng)到標(biāo)題 1 到 6 階,例如:

# 這是 H1

## 這是 H2

###### 這是 H6 

效果如下:

這是 H1

這是 H2

這是 H6

2. 區(qū)塊引用 Blockquotes

Markdown 標(biāo)記區(qū)塊引用是使用類似 email 中用 > 的引用方式识啦。如果你還熟悉在 email 信件中的引言部分负蚊,你就知道怎么在 Markdown 文件中建立一個(gè)區(qū)塊引用,那會(huì)看起來(lái)像是你自己先斷好行颓哮,然后在每行的最前面加上 > :

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
>
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse   

效果如下:

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse

Markdown 也允許你偷懶只在整個(gè)段落的第一行最前面加上 > :

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
  consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

> Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
  Suspendisse id sem consectetuer libero luctus adipiscing.    

效果如下:

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.

區(qū)塊引用可以嵌套(例如:引用內(nèi)的引用)家妆,只要根據(jù)層次加上不同數(shù)量的 > :

> This is the first level of quoting.
>
>> This is nested blockquote.
>
> Back to the first level.

效果如下:

This is the first level of quoting.

This is nested blockquote.

Back to the first level.

引用的區(qū)塊內(nèi)也可以使用其他的 Markdown 語(yǔ)法,包括標(biāo)題冕茅、列表伤极、代碼區(qū)塊等:

> ## 這是一個(gè)標(biāo)題蛹找。
> 1. 這是第一行列表項(xiàng)。
> 2. 這是第二行列表項(xiàng)哨坪。
>
> 給出一些例子代碼:
>
>     return shell_exec("echo $input | $markdown_script");   

效果如下:

這是一個(gè)標(biāo)題庸疾。

  1. 這是第一行列表項(xiàng)。
  2. 這是第二行列表項(xiàng)当编。

給出一些例子代碼:

return shell_exec("echo $input | $markdown_script");

3. 列表

Markdown 支持有序列表和無(wú)序列表彼硫。

無(wú)序列表使用星號(hào)、加號(hào)或是減號(hào)作為列表標(biāo)記(三者等同):

*   Red
*   Green
*   Blue

+   111
+   222
+   333

-   Red
-   Green
-   Blue

效果如下:

  • Red
  • Green
  • Blue
  • 111
  • 222
  • 333
  • Red
  • Green
  • Blue

有序列表則使用數(shù)字接著一個(gè)英文句點(diǎn):

1.  Bird
2.  McHale
3.  Parish    

效果如下

  1. Bird
  2. McHale
  3. Parish

如果要在列表項(xiàng)目?jī)?nèi)放進(jìn)引用凌箕,那 `>`` 就需要縮進(jìn):

  *   A list item with a blockquote:

      > This is a blockquote
      > inside a list item.  

效果如下:

  • A list item with a blockquote:

    This is a blockquote
    inside a list item.

4. 代碼區(qū)塊

Markdown 會(huì)用< pre > 和 < code > 標(biāo)簽來(lái)把代碼區(qū)塊包起來(lái)拧篮。

要在 Markdown 中建立代碼區(qū)塊很簡(jiǎn)單,只要簡(jiǎn)單地縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符就可以牵舱,例如串绩,下面的輸入:

這是一個(gè)普通段落:

這是一個(gè)代碼區(qū)塊。

效果如下:

這是一個(gè)代碼區(qū)塊芜壁。

一個(gè)代碼區(qū)塊會(huì)一直持續(xù)到?jīng)]有縮進(jìn)的那一行(或是文件結(jié)尾)礁凡。


5. 分隔線

你可以在一行中用三個(gè)以上的星號(hào)、減號(hào)慧妄、底線來(lái)建立一個(gè)分隔線顷牌,行內(nèi)不能有其他東西。你也可以在星號(hào)或是減號(hào)中間插入空格塞淹。下面每種寫(xiě)法都可以建立分隔線:

  * * *

  ***

  *****

  - - -

  ---------------------------------------

效果如下:






6. 區(qū)段元素 - 鏈接

Markdown 支持兩種形式的鏈接語(yǔ)法: 行內(nèi)式和參考式兩種形式窟蓝。

不管是哪一種,鏈接文字都是用 [方括號(hào)] 來(lái)標(biāo)記饱普。

要建立一個(gè)行內(nèi)式的鏈接运挫,只要在方塊括號(hào)后面緊接著圓括號(hào)并插入網(wǎng)址鏈接即可,如果你還想要加上鏈接的 title 文字套耕,只要在網(wǎng)址后面谁帕,用雙引號(hào)把 title 文字包起來(lái)即可,例如:

  This is [an example](http://example.com/ "Title") inline link.

  [This link](http://example.net/) has no title attribute.  

效果如下:

This is an example inline link.

This link has no title attribute.

如果你是要鏈接到同樣主機(jī)的資源冯袍,你可以使用相對(duì)路徑:

See my [About](/about/) page for details.

效果如下:

See my About page for details.

參考式的鏈接是在鏈接文字的括號(hào)后面再接上另一個(gè)方括號(hào)匈挖,而在第二個(gè)方括號(hào)里面要填入用以辨識(shí)鏈接的標(biāo)記:

This is [an example][id] reference-style link.
你也可以選擇性地在兩個(gè)方括號(hào)中間加上一個(gè)空格:

This is [an example] [id] reference-style link.
接著,在文件的任意處康愤,你可以把這個(gè)標(biāo)記的鏈接內(nèi)容定義出來(lái):

[id]: http://example.com/  "Optional Title Here"

下面是一個(gè)參考式鏈接的范例:

  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"

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

如果改成用鏈接名稱的方式寫(xiě):

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

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"

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

7. 強(qiáng)調(diào)

Markdown 使用星號(hào)(*)和底線(_)作為標(biāo)記強(qiáng)調(diào)字詞的符號(hào)儡循,被 或 _ 包圍的字詞會(huì)被轉(zhuǎn)成用< i > 標(biāo)簽包圍,用兩個(gè) 或 _ 包起來(lái)的話翘瓮,則會(huì)被轉(zhuǎn)成 < strong > 贮折,例如:

  *single asterisks*

  _single underscores_

  **double asterisks**

  __double underscores__   

效果如下:

single asterisks

single underscores

double asterisks

double underscores

8. 代碼

如果要標(biāo)記一小段行內(nèi)代碼,你可以用反引號(hào)把它包起來(lái)()资盅,例如: ```Use theprintf()` function.```

效果如下:

Use the printf() function.

如果要在代碼區(qū)段內(nèi)插入反引號(hào)调榄,你可以用多個(gè)反引號(hào)來(lái)開(kāi)啟和結(jié)束代碼區(qū)段:

There is a literal backtick (`) here.

效果如下:

There is a literal backtick (`) here.

代碼區(qū)段的起始和結(jié)束端都可以放入一個(gè)空白踊赠,起始端后面一個(gè),結(jié)束端前面一個(gè)每庆,這樣你就可以在區(qū)段的一開(kāi)始就插入反引號(hào):

  A single backtick in a code span: `` ` ``

  A backtick-delimited string in a code span: `` `foo` ``   

效果如下:

A single backtick in a code span: `

A backtick-delimited string in a code span: `foo`

在代碼區(qū)段內(nèi)筐带,& 和尖括號(hào)都會(huì)被自動(dòng)地轉(zhuǎn)成 HTML 實(shí)體,這使得插入 HTML 原始碼變得很容易

9. 圖片

很明顯地缤灵,要在純文字應(yīng)用中設(shè)計(jì)一個(gè)「自然」的語(yǔ)法來(lái)插入圖片是有一定難度的伦籍。

Markdown 使用一種和鏈接很相似的語(yǔ)法來(lái)標(biāo)記圖片,同樣也允許兩種樣式: 行內(nèi)式和參考式腮出。

行內(nèi)式的圖片語(yǔ)法是:

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")   

詳細(xì)敘述如下:

一個(gè)驚嘆號(hào) ! + 一個(gè)方括號(hào)帖鸦,里面放上圖片的替代文字 + 一個(gè)普通括號(hào),里面放上圖片的網(wǎng)址胚嘲,最后還可以用引號(hào)包住并加上 選擇性的 'title' 文字作儿。

參考式的圖片語(yǔ)法:

![Alt text][id]

「id」是圖片參考的名稱,圖片參考的定義方式則和連結(jié)參考一樣:

[id]: url/to/image  "Optional title attribute"
到目前為止馋劈, Markdown 還沒(méi)有辦法指定圖片的寬高攻锰,如果你需要的話,你可以使用普通的<img>標(biāo)簽妓雾。

本地圖片上傳

登陸http://yotuku.cn/
上傳圖片娶吞,點(diǎn)擊markdown,粘貼到markdown文檔即可

10. 刪除線

GFM增加了刪除線
~~Mistaken text.~~

效果如下:

Mistaken text.

11. 代碼塊

如果有一整塊代碼需要包圍械姻, 可以使用```
例如:

x = 0
x = 2 + 2
what is x

效果如下:

x = 0
x = 2 + 2
what is x

12. 語(yǔ)法高亮

代碼塊可以使用語(yǔ)法高亮了6噬摺魄宏!在你的代碼塊中添加一個(gè)可選的語(yǔ)言標(biāo)識(shí)符,我們會(huì)通過(guò)語(yǔ)法高亮顯示運(yùn)行它。例如拣帽,為了語(yǔ)法高亮ruby代碼:

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

效果如下:

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

13. 表格

你可以創(chuàng)建表格欲低,通過(guò)符號(hào)-分開(kāi)第一行和其他行,通過(guò)|分開(kāi)各個(gè)列

姓名 | 年齡 | 班級(jí)
-----|-----|-----
張三 | 28607 | 396班
王五 | 30 | 4班   

效果如下:

姓名 年齡 班級(jí)
張三 28607 396班
王五 30 4班

在標(biāo)題行包含:沸停,你可以使得表格向左對(duì)齊,向右對(duì)齊,居中

:在最左邊表示左對(duì)齊浸颓,:在最右邊表示右對(duì)齊,左右兩邊都有:表示居中旺拉。

|姓名 | 年齡 | 班級(jí)|
|:-----:|:-----:|:-----:|
|張三 | 28607777 | 3967777班|
|王五 | 30 | 4班 |   

效果如下:

姓名 年齡 班級(jí)
張三 28607777 3967777班
王五 30 4班

使用atom編輯markdown文本

atom編輯器支持markdown文本的預(yù)覽(需要安裝markdown preview插件产上,默認(rèn)已安裝),編輯文本的時(shí)候,快捷鍵ctrl-shift-M 即可打開(kāi)markdown preview功能蛾狗;
markdown preview插件信息可通過(guò)File->Settings->Filter packages輸入框輸入markdown preview->keybindings

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末晋涣,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子沉桌,更是在濱河造成了極大的恐慌谢鹊,老刑警劉巖算吩,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異佃扼,居然都是意外死亡偎巢,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)兼耀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)压昼,“玉大人,你說(shuō)我怎么就攤上這事瘤运∏舷迹” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵拯坟,是天一觀的道長(zhǎng)官撼。 經(jīng)常有香客問(wèn)我,道長(zhǎng)似谁,這世上最難降的妖魔是什么傲绣? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮巩踏,結(jié)果婚禮上秃诵,老公的妹妹穿的比我還像新娘。我一直安慰自己塞琼,他們只是感情好菠净,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著彪杉,像睡著了一般毅往。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上派近,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天攀唯,我揣著相機(jī)與錄音,去河邊找鬼渴丸。 笑死侯嘀,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的谱轨。 我是一名探鬼主播戒幔,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼土童!你這毒婦竟也來(lái)了诗茎?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤献汗,失蹤者是張志新(化名)和其女友劉穎敢订,沒(méi)想到半個(gè)月后栅组,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡枢析,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年玉掸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片醒叁。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡司浪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出把沼,到底是詐尸還是另有隱情啊易,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布饮睬,位于F島的核電站租谈,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏捆愁。R本人自食惡果不足惜割去,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望昼丑。 院中可真熱鬧呻逆,春花似錦、人聲如沸菩帝。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)呼奢。三九已至宜雀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間握础,已是汗流浹背辐董。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留弓候,地道東北人郎哭。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像菇存,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子邦蜜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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