一、兼容 HTML
Markdown 的理念是,能讓文檔更容易讀、寫和隨意改。HTML 是一種發佈的格式,Markdown 是一種書寫的格式。就這樣,Markdown 的格式語法只涵蓋純文本可以涵蓋的範圍。
不在 Markdown 涵蓋範圍之內的標籤,都可以直接在文檔裏面用 HTML 撰寫。不需要額外標註這是 HTML 或是 Markdown;只要直接加標籤就可以了。
1-HTML塊級(區塊)標籤
要制約的只有一些 HTML 區塊元素――比如 <div>
、<table>
、<pre>
、<p>
等標籤,必須在前後加上空行與其它內容區隔開,還要求它們的開始標籤與結尾標籤不能用製表符或空格來縮進。Markdown 的生成器有足夠智能,不會在 HTML 區塊標籤外加上不必要的 <p>
標籤。
例子如下,在 Markdown 文件里加上一段 HTML 表格:table標籤前後都有一個空行
顯示效果:
markdown普通段落1
HTML表格標籤 |
markdown普通段落2
Markdown源碼:
markdown普通段落1
<table>
<tr>
<td>HTML表格標籤</td>
</tr>
</table>
markdown普通段落2
請注意,在 HTML 區塊標籤間的 Markdown 格式語法將不會被處理。比如,你在 HTML 區塊內使用 Markdown 樣式的強調會沒有效果。
2-HTML行內(區段)標籤
HTML 的區段(行內)標籤如 <span>
、<cite>
、<del>
可以在 Markdown 的段落、列表或是標題裏隨意使用。依照個人習慣,甚至可以不用 Markdown 格式,而直接採用 HTML 標籤來格式化。
舉例說明:如果比較喜歡 HTML 的<a>
或<img>
標籤,可以直接使用這些標籤,而不用 Markdown 提供的鏈接或是圖像標籤語法。
請注意,和處在 HTML 區塊標籤間不同,Markdown 語法在 HTML 區段標籤間是有效的。
二、特殊字符自動轉換
1-HTML文件中的特殊字符
在 HTML文件中,有2個字符需要特殊處理:< 和&。
< 符號用於起始標籤,&符號則用於標記 HTML 實體。
如果你只是想要顯示這些字符的原型,你必須要使用實體的形式,像是 <
和&
。
&字符尤其讓網絡文檔編寫者受折磨,如果你要在頁面中顯示AT&T
,你必須要寫成AT&T
。而網址中的&字符也要轉換。
比如你要鏈接到:http://images.google.com/images?num=30&q=larry+bird
你必須要把網址轉換寫爲:http://images.google.com/images?num=30&q=larry+bird
才能將URL放到鏈接標籤的 href 屬性裏。不用說也知道這很容易忽略,這也可能是 HTML 標準檢驗所檢查到的錯誤中,數量最多的。
2-Markdown文件中的特殊字符
Markdown讓你可以自然地書寫字符,需要轉換的特殊字符由它來處理好了。
2-1特殊字符“&”
如果你使用的 & 字符是 HTML 字符實體的一部分,它會保留原狀;否則,它會被轉換成&
。
舉例說明:
1)特殊字符&組成的字符串是HTML字符實體
如,版權符號 ©,你可以這樣寫:©
因爲是HTML的字符實體,所以©
中的&字符會被保留。
2)特殊字符&組成普通的字符串
如,Markdown文件中書寫AT&T
,頁面中會顯示AT&T
。AT&T
被轉換成了AT&T
(查看Markdown轉換的HTML文件源碼時可以看到)。這樣就不用考慮像HTML文檔中顯示特殊字符時轉換成字符實體問題了(如瀏覽器中顯示&需要在HTML文檔中書寫&
)。
2-2特殊字符“<”
類似的狀況也會發生在 < 符號上,因爲 Markdown 允許 兼容 HTML ,如果你是把 < 符號作爲 HTML 標籤的定界符使用,那 Markdown 也不會對它做任何轉換;否則,它會被轉換成<
。
不過需要注意的是,markdown代碼範圍內,不論是行內還是塊級,< 和 & 兩個符號都一定會被轉換成 HTML 實體。
三、Markdown塊級(區塊)標籤
1-Markdown段落和換行
一個 Markdown 段落是由一個或多個連續的文本行組成,它的前後要有一個以上的空行。
空行的定義是顯示上看起來像是空的,便會被視爲空行。比方說,若某一行只包含空格和製表符,則該行也會被視爲空行。
普通段落不該用空格或製表符來縮進。
「由一個或多個連續的文本行組成」這句話其實暗示了 Markdown 允許段落內的強迫換行(插入換行符),這個特性和其他大部分的 text-to-HTML 格式不一樣(包括 Movable Type 的「Convert Line Breaks」選項),其它的格式會把每個換行符都轉成<br />
標籤。
如果你確實想要依賴 Markdown 來插入<br />
標籤的話,在插入處先按入2個以上的空格然後回車。
的確,需要多費點事(多加空格)來產生<br />
,但是簡單地「每個換行都轉換爲<br />
」的方法在 Markdown 中並不適合。 Markdown 中 email 式的區塊引用
和多段落的 列表
在使用換行來排版的時候,不但更好用,還更方便閱讀。
2-Markdown標題
Markdown 支持兩種標題的語法,類 Setext 和類 atx 形式。
2-1類Setext形式標題
類 Setext 形式是用底線的形式,利用 = (最高階標題)和 - (第二階標題)。
例如:
Markdown源碼:
這是最高階標題
==============
這是第二階標題
--------------
說明:
Ⅰ.標題前後需要添加空行;
Ⅱ.任何數量的 = 和 - 都可以有效果;
Ⅲ.相比類atx形式:
類 Setext形式和類atx形式的一階和二階標題下面會多出一條分隔線;
類atx形式的標題前後不需要添加空行(建議添加空行,因爲Markdown的各種標籤前後都會添加空行,這樣更符合規範)。
2-2類atx形式標題
類 Atx 形式則是在行首插入 1 到 6 個 # ,對應到標題 1 到 6 階。
例如:
Markdown源碼:
#一階標題
##二階標題
###三階標題
####四階標題
#####五階標題
######六階標題
2-3類atx形式「閉合」標題
可以選擇性地「閉合」類 atx 樣式的標題,這純粹只是美觀用的,若是覺得這樣看起來比較舒適,你就可以在行尾加上 #,而行尾的 # 數量也不用和開頭一樣(行首的井字符數量決定標題的階數)。
例如:
Markdown源碼:
#一階標題#
##二階標題##
###三階標題#####
3-Markdown區塊引用 Blockquotes
Markdown 標記區塊引用是使用類似 email 中用>的引用方式。
如果你還熟悉在 email 信件中的引言部分,你就知道怎麼在 Markdown 文件中建立一個區塊引用,那會看起來像是你自己先斷好行,然後在每行的最前面加上 > 。
3-1Markdown普通區塊引用
例如:
顯示效果:
黑鳥ALS問:多讀書是否真的有助於提高我們成功的概率,讀書和成功之間有多大關係?
悄悄是別離的笙簫,
沉默是今晚的康橋。by 徐志摩
Markdown源碼:
>黑鳥ALS問:多讀書是否真的有助於提高我們成功的概率,讀書和成功之間有多大關係?
>
>悄悄是別離的笙簫,
>沉默是今晚的康橋。by 徐志摩
3-2Markdown普通區塊引用簡化
如果區塊引用有多行內容的時候,Markdown 允許你偷懶只在整個段落的第一行最前面加上 > 。
例如:
顯示效果:
黑鳥ALS問:多讀書是否真的有助於提高我們成功的概率,讀書和成功之間有多大關係?
悄悄是別離的笙簫,
沉默是今晚的康橋。by 徐志摩
Markdown源碼:
>黑鳥ALS問:多讀書是否真的有助於提高我們成功的概率,讀書和成功之間有多大關係?
>
>悄悄是別離的笙簫,
沉默是今晚的康橋。by 徐志摩
說明:
Ⅰ.「悄悄是別離的笙簫,沉默是今晚的康橋。by 徐志摩」是一個段落,只是中間添加了換行;
Ⅱ.例子中有2個段落,第一個段落只有一行內容,第二個段落有兩行內容;第二個段落的第二行前省略了“<”,即可以在「整個段落的第一行最前面加上>」。
3-3Markdown區塊引用嵌套
區塊引用可以嵌套,只要根據層次加上不同數量的 > 。
例如:
顯示效果:
悄悄是別離的笙簫,
沉默是今晚的康橋。by 徐志摩
Markdown源碼:
>悄悄是別離的笙簫,
>>沉默是今晚的康橋。by 徐志摩
3-4Markdown區塊引用中使用其他Markdown標記
區塊引用內也可以使用其他的 Markdown 語法標記,包括標題、列表、代碼區塊等。
例如:
顯示效果:
命運像深廣河流,就算曲折也會最終去往它該去的地方。「段落」
複雜世界裏, 一個就夠了. One is all.「5階標題」
<?php //「塊級代碼」 echo "hello,world!"; ?>
Markdown源碼:
>命運像深廣河流,就算曲折也會最終去往它該去的地方。「段落」
>
>#####複雜世界裏, 一個就夠了. One is all.「5階標題」
>
<?php
//「塊級代碼」
echo "hello,world!";
?>
>
任何像樣的文本編輯器都能輕鬆地建立 email 型的引用。例如在 BBEdit 中,你可以選取文字後然後從選單中選擇增加引用階層。
4-列表
Markdown 支持有序列表和無序列表,有序列表和無序列表標記前後需要添加空行。
4-1無序列表
無序列表使用星號「*」、加號「+」或是減號「-」,後面添加一個或多個空格,再寫列表項內容。
例如:
顯示效果:
- red
- blue
- green
Markdown源碼:
* red
* blue
* green
說明:例子中,星號「*」和列表項內容「red」之間添加了一個空格。
等同於:
Markdown源碼2:
+ red
+ blue
+ green
Markdown源碼3:
- red
- blue
- green
4-2有序列表
有序列表則使用數字接着一個英文句點,後面添加一個或多個空格,再寫列表項內容。
顯示效果:
- red
- blue
- green
Markdown源碼:
1. red
2. blue
3. green
很重要的一點是,你在列表標記上使用的數字並不會影響輸出的 HTML 結果,上面的列表所產生的 HTML 標記爲:
<ol>
<li>red</li>
<li>blue</li>
<li>green</li>
</ol>
如果你的列表標記寫成:
Markdown源碼1:
1. red
1. blue
1. green
Markdown源碼2:
3. red
1. blue
8. green
都會得到完全相同的 HTML 輸出,也就是上面兩種源碼都等價於下面的形式。
Markdown源碼:
1. red
2. blue
3. green
重點在於,你可以讓 Markdown 文件的列表數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。
如果你使用懶惰的寫法,建議第一個項目最好還是從 1. 開始,因爲 Markdown 未來可能會支持有序列表的 start 屬性。
4-3列表項目內容縮進
列表項目標記後面必須至少添加一個空格,也就是列表項目標記和第一行列表項目內容之間至少添加一個空格。
列表項目內容有多行時,項目內容可以使用空格來進行縮進。
注意:
Ⅰ.列表項目標記和第一行列表項目內容之間添加空格是Markdown列表標記使用的規範,不是爲了添加縮進;
Ⅱ.列表項目標記和第一行列表項目內容之間添加的空格,不管數量多少都會只保留1個空格;
Ⅲ.列表項有多行內容時,除去第一行,其他行的項目內容前添加空格是爲了增加縮進,不管數量多少都會只保留4個空格。
例如:
顯示效果
- red
心裏有就有,心裏沒有才是真的沒有了。from 《周漁的火車》 - green
你有時會站在自己的那座孤獨山丘,以爲風塵滾滾也會比別人高瞻遠矚。 by 編號223
Markdown源碼
1. red
心裏有就有,心裏沒有才是真的沒有了。from 《周漁的火車》
2. green
你有時會站在自己的那座孤獨山丘,以爲風塵滾滾也會比別人高瞻遠矚。 by 編號223
說明:
Ⅰ.例子中有2個列表項,2個列表項都有多行內容;
Ⅱ.第1個列表項的第2行內容前添加了2個空格來進行縮進,第2個列表項的第2行內容前添加了7個空格來進行縮進;
Ⅲ.2個列表項的第2行內容的縮進最終轉成HTML文檔顯示時,都只保留了4個空格。
4-3列表項目內容縮進簡化
當然,再次地,如果你很懶惰,當列表項目內容有多行時,Markdown 也允許你不添加空格來進行縮進,因爲“不管你是添加多少數量的空格,都會被保留4個空格”。也就意味着,你不添加空格來縮進,Markdown也會自動添加4個空格來進行縮進。
對於上面的例子,也可以等價於:
顯示效果
- red
心裏有就有,心裏沒有才是真的沒有了。from 《周漁的火車》 - green
你有時會站在自己的那座孤獨山丘,以爲風塵滾滾也會比別人高瞻遠矚。 by 編號223
Markdown源碼
1. red
心裏有就有,心裏沒有才是真的沒有了。from 《周漁的火車》
2. green
你有時會站在自己的那座孤獨山丘,以爲風塵滾滾也會比別人高瞻遠矚。 by 編號223
說明:2個列表項的第2行內容前都沒有添加空格來進行縮進,但顯示效果與添加空格來進行縮進的效果是一樣的。
4-4 Markdown列表標記與其他標記的嵌套使用
與「區塊引用」的嵌套使用:
顯示效果
- 列表標記與區塊引用標記的嵌套使用
那些無足輕重的人,那些聽任自己變得無足輕重的人,在世界上沒有位置。from《河灣》
Markdown源碼
+ 列表標記與區塊引用標記的嵌套使用
>那些無足輕重的人,那些聽任自己變得無足輕重的人,在世界上沒有位置。from《河灣》
與「區塊代碼」的嵌套使用:區塊代碼內容部分需要縮進2個製表符或8個空格。
**顯示效果**
列表標記與區塊代碼標記的嵌套使用
<?php echo "hello,world"; ?>
Markdown源碼
+ 列表標記與區塊代碼標記的嵌套使用
<?php
echo "hello,world";
?>
說明:區塊代碼內容部分需要縮進2個製表符或8個空格。
4-4 Markdown列表標記注意
當然,項目列表很可能會不小心產生,像是下面這樣的寫法:
顯示效果
- What a great season.
Markdown源碼
1986. What a great season.
換句話說,也就是在行首出現數字-句點-空白,要避免這樣的狀況,你可以在句點前面加上反斜槓。
顯示效果
1986. What a great season.
Markdown源碼
1986\. What a great season.
5-Markdown區塊代碼
和程序相關的寫作或是標籤語言原始碼通常會有已經排版好的代碼區塊,通常這些區塊我們並不希望它以一般段落文件的方式去排版,而是照原來的樣子顯示,Markdown 會用 <pre>
和 <code>
標籤來把代碼區塊包起來。
要在 Markdown 中建立代碼區塊很簡單,只要簡單地縮進 4 個空格或是 1 個製表符就可以。
一個區塊代碼會一直持續到沒有縮進的那一行(或是文件結尾)。
示例一:顯示效果
這是一個代碼區塊。
示例一:Markdown轉換成的HTML代碼
<pre>這是一個代碼區塊。
</pre>
區塊代碼有多行內容時,第一行的縮進,會被移除。(其他行的縮進會被保留)
例如:
示例二:顯示效果
Here is an example of AppleScript:
tell application "Foo"
beep
end tell
示例二:Markdown轉換成的HTML代碼
<pre>Here is an example of AppleScript:
tell application "Foo"
beep
end tell
</pre>
在代碼區塊裏面, & 、 < 和 > 會自動轉成 HTML 實體,這樣的方式讓你非常容易使用 Markdown 插入範例用的 HTML 原始碼,只需要複製貼上,再加上縮進就可以了,剩下的 Markdown 都會幫你處理。
例如:
示例三:顯示效果
<div class="footer">
© 2004 Foo Corporation
</div>
示例三:Markdown轉換成的HTML代碼
<pre><code><div class="footer">
&copy; 2004 Foo Corporation
</div>
</code></pre>
代碼區塊中,一般的 Markdown 語法不會被轉換,像是星號便只是星號,這表示你可以很容易地以 Markdown 語法撰寫 Markdown 語法相關的文件。
6-Markdown分隔線
你可以在一行中用三個以上的星號、減號、底線來建立一個分隔線,行內不能有其他東西。
你也可以在星號或是減號中間插入空格。
下面每種寫法都可以建立分隔線:
顯示效果
Markdown源碼
* * *
***
*****
- - -
-------------
四、Markdown行內(區段)標籤
1-Markdown鏈接
Markdown 支持兩種形式的鏈接語法:行內式和參考式兩種形式。
不管是哪一種,鏈接文字都是用 [方括號] 來標記。
1-1行內式鏈接
要建立一個行內式的鏈接,只要在方塊括號後面緊接着圓括號內添加網址鏈接即可。
如果你還想要加上鍊接的 title屬性,只要在網址後面,用雙引號把 title 文字包起來即可。
例如:
顯示效果
Markdown源碼
跳轉到百度[百度搜索](http://www.baidu.com)
跳轉到谷歌[谷歌搜索](http://www.google.com"谷歌搜索引擎")
Markdown轉換成的HTML代碼
<p>跳轉到百度<a href="http://www.baidu.com">百度搜索</a><br>
跳轉到谷歌<a href="http://www.google.com" title="谷歌搜索引擎">谷歌搜索</a></p>
如果你是要鏈接到同樣主機的資源,你可以使用相對路徑:
顯示效果
Markdown源碼
[關於我們](/about/)
Markdown轉換成的HTML代碼
<p><a href="/about/">關於我們</a></p>
1-2參考式鏈接
參考式的鏈接是在鏈接文字的括號後面再接上另一個方括號,而在第二個方括號裏面要填入用以辨識鏈接的標記。
參考式的鏈接指的是鏈接地址參考其它的地方,鏈接地址必須定義後參考式鏈接纔會有效。
顯示效果
參考式鏈接
Markdown源碼
[參考式鏈接][id]
[id]: http://example.com/ "Optional Title Here"
也可以選擇性地在兩個方括號中間加上一個空格:
顯示效果
Markdown源碼
[參考式鏈接] [id]
注意:
Ⅰ.例子中[參考式鏈接]和id之間添加了一個空格。
Ⅱ.在文件的任意處,你可以把這個標記的鏈接內容定義出來。
即[id]: http://example.com/ "Optional Title Here"
可以在Markdown文檔中的任意位置定義。
1-3參考式鏈接內容的定義
鏈接內容定義的形式爲:
- 方括號(前面可以選擇性地加上至多三個空格來縮進),裏面輸入辨識鏈接的標記
- 接着一個冒號
- 接着一個以上的空格或製表符
- 接着鏈接的網址
- 選擇性地接着 title 內容,可以用單引號、雙引號或是括弧包着
下面這三種鏈接的定義都是相同:
[foo]: http://example.com/ "Optional Title Here"
[foo]: http://example.com/ 'Optional Title Here'
[foo]: http://example.com/ (Optional Title Here)
請注意:有一個已知的問題是 Markdown.pl 1.0.1 會忽略單引號包起來的鏈接 title。
鏈接網址也可以用尖括號包起來:
[id]: <http://example.com/> "Optional Title Here"
你也可以把 title 屬性放到下一行,也可以加一些縮進,若網址太長的話,這樣會比較好看:
[id]: http://example.com/longish/path/to/resource/here
"Optional Title Here"
網址定義只有在產生鏈接的時候用到,並不會直接出現在文件之中。
1-3參考式鏈接的“辨識鏈接”
鏈接辨別標籤可以有字母、數字、空白和標點符號,但是並不區分大小寫,因此下面兩個鏈接是一樣的:
[link text][a]
[link text][A]
隱式鏈接標記功能讓你可以省略指定鏈接標記。
這種情形下,鏈接辨識標記會視爲等同於鏈接文字。
要用隱式鏈接標記只要在鏈接文字後面加上一個空的方括號。
如果你要讓 “Google” 鏈接到 google.com,你可以簡化成:
[Google][]
然後定義鏈接內容:
[Google]: http://google.com/
由於鏈接文字可能包含空白,所以這種簡化型的標記內也許包含多個單詞:
Visit[Daring Fireball][]for more information.
然後接着定義鏈接:
[Daring Fireball]: http://daringfireball.net/
鏈接的定義可以放在文件中的任何一個地方,我比較偏好直接放在鏈接出現段落的後面,你也可以把它放在文件最後面,就像是註解一樣。
下面是一個參考式鏈接的範例:
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][].
[google]: http://google.com/ "Google"
[yahoo]: http://search.yahoo.com/ "Yahoo Search"
[msn]: http://search.msn.com/ "MSN Search"
上面兩種寫法都會產生下面的 HTML:
<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from
<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a>
or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>
下面是用行內式寫的同樣一段內容的 Markdown 文件,提供作爲比較之用:
I get 10 times more traffic from [Google](http://google.com/ "Google")
than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or
[MSN](http://search.msn.com/ "MSN Search").
參考式的鏈接其實重點不在於它比較好寫,而是它比較好讀,比較一下上面的範例,使用參考式的文章本身只有 81 個字符,但是用行內形式的卻會增加到 176 個字元,如果是用純 HTML 格式來寫,會有 234 個字元,在 HTML 格式中,標籤比文本還要多。
使用 Markdown 的參考式鏈接,可以讓文件更像是瀏覽器最後產生的結果,讓你可以把一些標記相關的元數據移到段落文字之外,你就可以增加鏈接而不讓文章的閱讀感覺被打斷。
2-Markdown強調
Markdown使用星號(*)和底線(_)作爲標記強調字詞的符號。
被 * 或 _ 包圍的字詞會被轉成用<em>
標籤包圍(傾斜效果),用兩個 * 或 _ 包起來的話,則會被轉成<strong>
(加粗)。
例如:
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
會轉成:
<em>single asterisks</em>
<em>single underscores</em>
<strong>double asterisks</strong>
<strong>double underscores</strong>
你可以隨便用你喜歡的樣式,唯一的限制是,你用什麼符號開啓標籤,就要用什麼符號結束。
強調也可以直接插在文字中間:
un*frigging*believable
但是如果你的 * 和 _ 兩邊都有空白的話,它們就只會被當成普通的符號。
如果要在文字前後直接插入普通的星號或底線,你可以用反斜線:
\*this text is surrounded by literal asterisks\*
2-Markdown行內(區段)代碼
如果要標記一小段行內代碼,你可以用反引號把它包起來(`)。
例如:
顯示效果
Use the printf()
function.
Markdown源碼
Use the `printf()` function.
會產生:
<p>Use the <code>printf()</code> function.</p>
如果要在代碼區段內插入反引號,你可以用多個反引號來開啓和結束代碼區段:
顯示效果
There is a literal backtick (`) here.
Markdown源碼
``There is a literal backtick (`) here.``
Markdown轉換成的HTML代碼
<p><code>There is a literal backtick (`) here.</code></p>
代碼區段的起始和結束端都可以放入一個空白,起始端(“)後面一個,結束端(“)前面一個,這樣你就可以在區段的一開始就插入反引號:
顯示效果
A single backtick in a code span:`
A backtick-delimited string in a code span: `foo`
Markdown源碼
A single backtick in a code span:`` ` ``
A backtick-delimited string in a code span: `` `foo` ``
Markdown轉換成的HTML代碼
<p>A single backtick in a code span: <code>`</code></p>
<p>A backtick-delimited string in a code span: <code>`foo`</code></p>
說明:就好比“單引號可以單獨使用,但是單引號裏包含單引號時,則需要使用雙引號來包含單引號”。
在代碼區段內,& 和<都會被自動地轉成 HTML 實體,這使得插入 HTML 原始碼變得很容易。
Markdown 會把下面這段:
Please don’t use any <blink>
tags.
轉爲:
<p>Please don't use any <code><blink></code> tags.</p>
你也可以這樣寫:
—
is the decimal-encoded equivalent of —
.
以產生:
<p><code>&#8212;</code> is the decimal-encoded
equivalent of <code>&mdash;</code>.</p>
3-Markdown行內(區段)圖像
很明顯地,要在純文字應用中設計一個「自然」的語法來插入圖片是有一定難度的。
Markdown 使用一種和鏈接很相似的語法來標記圖片,同樣也允許兩種樣式:行內式和參考式。
3-1Markdown圖像行內式
行內式的圖片語法看起來像是:
顯示效果
Markdown源碼
![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")
詳細敘述如下:
- 一個驚歎號 !
- 接着一個方括號,裏面放上圖片的替代文字
- 接着一個普通括號,裏面放上圖片的網址,最後還可以用引號包住並加上 選擇性的 ‘title’ 文字。
3-2Markdown圖像參考式
參考式的圖片語法則長得像這樣:
顯示效果
Markdown源碼
![Alt text][id]
「id」是圖片參考的名稱,圖片參考的定義方式則和連結參考一樣:
Markdown源碼
[id]: url/to/image "Optional title attribute"
到目前爲止, Markdown 還沒有辦法指定圖片的寬高,如果你需要的話,你可以使用普通的 <img>
標籤。
五、Markdown其他標籤
1-自動鏈接
Markdown 支持以比較簡短的自動鏈接形式來處理網址和電子郵件信箱,只要是用尖括號包起來, Markdown 就會自動把它轉成鏈接。
一般網址的鏈接文字就和鏈接地址一樣。
1-1網址
例如:
顯示效果
http://example.com/
Markdown源碼
<http://example.com/>
Markdown轉換成的HTML代碼
<a href="http://example.com/">http://example.com/</a>
1-2郵件地址
郵址的自動鏈接也很類似,只是 Markdown 會先做一個編碼轉換的過程,把文字字符轉成 16 進位碼的 HTML 實體,這樣的格式可以糊弄一些不好的郵址收集機器人。
例如:
Markdown源碼
<[email protected]>
Markdown轉換成的HTML代碼
<a href="mailto:addre
ss@example.co
m">address@exa
mple.com</a>
在瀏覽器裏面,這段字串(其實是 <a href="mailto:[email protected]">[email protected]</a>
)會變成一個可以點擊的「[email protected]」鏈接。
(這種作法雖然可以糊弄不少的機器人,但並不能全部擋下來,不過總比什麼都不做好些。不管怎樣,公開你的信箱終究會引來廣告信件的。)
2-反斜槓
Markdown 可以利用反斜槓來插入一些在語法中有其它意義的符號。
例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用<em>
標籤),你可以在星號的前面加上反斜槓:
顯示效果
*literal asterisks*
Markdown源碼
\*literal asterisks\*
Markdown 支持以下這些符號前面加上反斜槓來幫助插入普通的符號:
\ 反斜線
` 反引號
* 星號
_ 底線
{} 花括號
[] 方括號
() 括弧
# 井字號
+ 加號
- 減號
. 英文句點
! 驚歎號
常用技巧總結
1.使用HTML標籤的時候,標籤前後需要添加空行與標籤內容隔開,不能使用製表符或空格來縮進;
2.使用Markdown標籤的時候,達到縮進效果可以在
3.代碼
行內代碼使用`,塊狀代碼使用製表符(4個空格)縮進