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)題庸疾。
- 這是第一行列表項(xiàng)。
- 這是第二行列表項(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
效果如下
- Bird
- McHale
- 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 the
printf()` 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