Markdown 鏈接

2019-08-14 12:09 更新

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

不管是哪一種,鏈接文字都是用 [方括號] 來標(biāo)記。

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

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

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

會產(chǎn)生:

<p>This is <a  rel="external nofollow" target="_blank"  title="Title">
an example</a> inline link.</p>

<p><a  rel="external nofollow" target="_blank" >This link</a> has no
title attribute.</p>

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

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

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

This is [an example][id] reference-style link.

你也可以選擇性地在兩個方括號中間加上一個空格:

This is [an example] [id] reference-style link.

接著,在文件的任意處,你可以把這個標(biāo)記的鏈接內(nèi)容定義出來:

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

鏈接內(nèi)容定義的形式為:

  • 方括號(前面可以選擇性地加上至多三個空格來縮進(jìn)),里面輸入鏈接文字

  • 接著一個冒號

  • 接著一個以上的空格或制表符

  • 接著鏈接的網(wǎng)址

  • 選擇性地接著 title 內(nèi)容,可以用單引號、雙引號或是括弧包著

下面這三種鏈接的定義都是相同:

[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。

鏈接網(wǎng)址也可以用尖括號包起來:

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

你也可以把 title 屬性放到下一行,也可以加一些縮進(jìn),若網(wǎng)址太長的話,這樣會比較好看:

[id]: http://example.com/longish/path/to/resource/here
    "Optional Title Here"

網(wǎng)址定義只有在產(chǎn)生鏈接的時候用到,并不會直接出現(xiàn)在文件之中。

鏈接辨別標(biāo)簽可以有字母、數(shù)字、空白和標(biāo)點(diǎn)符號,但是并不區(qū)分大小寫,因此下面兩個鏈接是一樣的:

[link text][a]
[link text][A]

隱式鏈接標(biāo)記功能讓你可以省略指定鏈接標(biāo)記,這種情形下,鏈接標(biāo)記會視為等同于鏈接文字,要用隱式鏈接標(biāo)記只要在鏈接文字后面加上一個空的方括號,如果你要讓 "Google" 鏈接到 google.com,你可以簡化成:

[Google][]

然后定義鏈接內(nèi)容:

[Google]: http://google.com/

由于鏈接文字可能包含空白,所以這種簡化型的標(biāo)記內(nèi)也許包含多個單詞:

Visit [Daring Fireball][] for more information.

然后接著定義鏈接:

[Daring Fireball]: http://daringfireball.net/

鏈接的定義可以放在文件中的任何一個地方,我比較偏好直接放在鏈接出現(xiàn)段落的后面,你也可以把它放在文件最后面,就像是注解一樣。

下面是一個參考式鏈接的范例:

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"

上面兩種寫法都會產(chǎn)生下面的 HTML。

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

下面是用行內(nèi)式寫的同樣一段內(nèi)容的 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").

參考式的鏈接其實(shí)重點(diǎn)不在于它比較好寫,而是它比較好讀,比較一下上面的范例,使用參考式的文章本身只有 81 個字符,但是用行內(nèi)形式的卻會增加到 176 個字元,如果是用純 HTML 格式來寫,會有 234 個字元,在 HTML 格式中,標(biāo)簽比文本還要多。

使用 Markdown 的參考式鏈接,可以讓文件更像是瀏覽器最后產(chǎn)生的結(jié)果,讓你可以把一些標(biāo)記相關(guān)的元數(shù)據(jù)移到段落文字之外,你就可以增加鏈接而不讓文章的閱讀感覺被打斷。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號