Markdown 基礎(chǔ)

掌握 Markdown 語法的要旨

這篇文章對 Markdown 進(jìn)行了簡單的概述娇斑。語法篇 對 Markdown 的每一個功能進(jìn)行了完整策添、詳細(xì)的說明毫缆,通過瀏覽一些例子就可以很輕松的掌握 Markdown 語法。這篇文章中的實例采用了 前/后 風(fēng)格來展示實例中的語法和其對應(yīng)生成的 HTML苦丁。

你可以輕松地在線體驗 Markdown; Dingus 是一個可以在線編輯 Markdown 文檔并轉(zhuǎn)換成 XHTML 格式的一個 Web 應(yīng)用旺拉。

段落、標(biāo)題账阻、引用

一個段落是簡單的一行或多行的連續(xù)文字,段落之間通過一個或多個空行分隔姻僧。 (任何看起來像空行的都是空行 —— 只包含空格或者制表符行也被視為空行。) 正常的段落不因用空格或者制表符縮進(jìn)撇贺。

Markdown 提供了兩種風(fēng)格的標(biāo)題: Setextatx冰抢。
Setext 風(fēng)格的標(biāo)題的分別使用等號 (=) 和連字符 (-) 用作 "下劃線" 來產(chǎn)生 <h1><h2> 松嘶。
而使用 atx 風(fēng)格的標(biāo)題挎扰,你需要在行首輸入 1-6 個井號 (#) —— 井號的個數(shù)等價于 HTML 標(biāo)題的級數(shù)。

引用使用 email 風(fēng)格的 '>' 尖括號來表示遵倦。

Markdown:

一級標(biāo)題
=======

二級標(biāo)題
-------

Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.

The quick brown fox jumped over the lazy
dog's back.

### 三級標(biāo)題

> 這是一個引用。
>
> 這是這個引用中的第二段梧躺。
>
> ## 這是這個引用中的二級標(biāo)題

Output:

<h1>一級標(biāo)題</h1>

<h2>二級標(biāo)題</h2>

<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>

<p>The quick brown fox jumped over the lazy
dog's back.</p>

<h3>三級標(biāo)題</h3>

<blockquote>
    <p>這是一個引用。</p>

    <p>這是這個引用中的第二段巩踏。</p>

    <h2>這是這個引用中的二級標(biāo)題</h2>
</blockquote>

重點短語

Markdown 使用星號和下劃線來突出重點续搀。

Markdown:

Some of these words *are emphasized*.
Some of these words _are emphasized also_.

Use two asterisks for **strong emphasis**.
Or, if you prefer, __use two underscores instead__.

Output:

<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>

<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>

列表

無序列表使用星號塞琼、加號和連字符 (*,
+, -) 作為列表的標(biāo)記目代。三中符號可互換嗤练; 像這樣:

*   Candy.
*   Gum.
*   Booze.

這樣:

+   Candy.
+   Gum.
+   Booze.

以及這樣:

-   Candy.
-   Gum.
-   Booze.

都產(chǎn)生相同的輸出:

<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
</ul>

有序 (編號) 列表使用常規(guī)數(shù)字加上逗點符號作為列表的標(biāo)記:

1.  Red
2.  Green
3.  Blue

Output:

<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>

如果你在列表元素之間插入空行的話在讶,每個列表元素都會包裹進(jìn) <p> 標(biāo)記。你可以用 4 個空格或者一個制表符縮進(jìn)段落來創(chuàng)建一個多段落的列表元素:

*   A list item.

    With multiple paragraphs.

*   Another item in the list.

Output:

<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
</ul>

超鏈接

Markdown 支持兩種方式來創(chuàng)建超鏈接: 內(nèi)聯(lián)
引用构哺。兩種方式都使用方括號來標(biāo)記作為超鏈接的文字。

內(nèi)聯(lián)風(fēng)格的超鏈接使用緊跟在超鏈接文字后的花括號標(biāo)記鏈接目標(biāo)曙强。
比如:
This is an example link.

Output:

<p>This is an <a >
example link</a>.</p>

Optionally, you may include a title attribute in the parentheses:

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

Output:

<p>This is an <a  title="With a Title">
example link</a>.</p>

引用風(fēng)格的超鏈接可以通過名稱鏈接到文章的任意定義了錨點的位置:

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"

Output:

<p>I get 10 times more traffic from <a 
title="Google">Google</a> than from <a 
title="Yahoo Search">Yahoo</a> or <a 
title="MSN Search">MSN</a>.</p>

title 屬性是可選的。鏈接名稱可以是字母溪食,數(shù)字和空格,區(qū)分大小寫:

I start my morning with a cup of coffee and
[The New York Times][NY Times].

[ny times]: http://www.nytimes.com/

Output:

<p>I start my morning with a cup of coffee and
<a >The New York Times</a>.</p>

圖片

圖片的語法與超鏈接的語法很相似娜扇。

內(nèi)聯(lián)風(fēng)格 (標(biāo)題可選):

![替換文字](/path/to/img.jpg "Title")

引用風(fēng)格:

![替換文字][id]

[id]: /path/to/img.jpg "Title"

以上兩個實例都產(chǎn)生相同的輸:

<img src="/path/to/img.jpg" alt="替換文字" title="Title" />

代碼

在一個常規(guī)的段落中,你可以將文字包裹在反引號中來創(chuàng)建行內(nèi)代碼雀瓢。任何的 (&) 符號和尖括號 (< 或者
>) 會被自動的轉(zhuǎn)換成 HTML 的實體符號。這使得 Markdown 能更輕松的書寫 HTML 示例代碼:

I strongly recommend against using any `<blink>` tags.

I wish SmartyPants used named entities like `—`
instead of decimal-encoded entites like `—`.

Output:

<p>I strongly recommend against using any
<code><blink></code> tags.</p>

<p>I wish SmartyPants used named entities like
<code>&mdash;</code> instead of decimal-encoded
entites like <code>&#8212;</code>.</p>

要指定一個預(yù)覽樣式的代碼區(qū)塊刃麸,用 4 個空格或 1 個制表符縮進(jìn)區(qū)塊內(nèi)的每一行。 與行內(nèi)代碼一樣泊业,&<脱吱,和 > 符號會自動轉(zhuǎn)義。

Markdown:

If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:

    <blockquote>
        <p>For example.</p>
    </blockquote>

Output:

<p>If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:</p>

<pre><code><blockquote>
    <p>For example.</p>
</blockquote>
</code></pre>

本文翻譯自 daringfireball,轉(zhuǎn)載請注明出處垦垂。

原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市劫拗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌页慷,老刑警劉巖胁附,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件滓彰,死亡現(xiàn)場離奇詭異,居然都是意外死亡揭绑,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進(jìn)店門他匪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人邦蜜,你說我怎么就攤上這事〉可颍” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵关筒,是天一觀的道長。 經(jīng)常有香客問我蒸播,道長,這世上最難降的妖魔是什么袍榆? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任塘揣,我火速辦了婚禮包雀,結(jié)果婚禮上亲铡,老公的妹妹穿的比我還像新娘。我一直安慰自己奖蔓,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布吆鹤。 她就那樣靜靜地躺著,像睡著了一般疑务。 火紅的嫁衣襯著肌膚如雪梗醇。 梳的紋絲不亂的頭發(fā)上撒蟀,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天叙谨,我揣著相機與錄音牙肝,去河邊找鬼。 笑死配椭,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的股缸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼敦姻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了镰惦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤兑凿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后礼华,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡圣絮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年雕旨,在試婚紗的時候發(fā)現(xiàn)自己被綠了扮匠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片奸腺。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖突照,靈堂內(nèi)的尸體忽然破棺而出氧吐,到底是詐尸還是另有隱情讹蘑,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布陨舱,位于F島的核電站,受9級特大地震影響游盲,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蛮粮,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望莺奔。 院中可真熱鬧,春花似錦令哟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽狠半。三九已至,卻和暖如春典予,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背乐严。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捂敌,地道東北人。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓占婉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親逆济。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,037評論 2 355

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