第06節(jié) Markdown代碼塊

2018-08-09 15:16 更新

  代碼塊用以呈現(xiàn)須原樣輸出的文本。

  代碼塊有兩種,一種在行內(nèi),另一種可以跨行。

  行內(nèi)代碼塊編譯后會(huì)被 Html 的 <code></code>標(biāo)簽對(duì)包圍;而跨行代碼塊會(huì)被編譯到<pre><code></pre></code>標(biāo)簽對(duì)中。

行內(nèi)代碼塊

  行內(nèi)代碼塊以?xún)蓚€(gè)`字符(即通常在Esc鍵下方的波形符鍵上的反引號(hào)字符)包圍。

  例如下面這行 Markdown 文本:

這是一小段`代碼`。
常??梢杂脕?lái)描述某種快捷鍵,例如`Ctrl+F`。

  編譯為 Html 后會(huì)呈現(xiàn)為下面這個(gè)樣子:

這是一小段代碼

常??梢杂脕?lái)描述某種快捷鍵,例如Ctrl+F

  行內(nèi)代碼塊最大的用處是用來(lái)制作填空題!

行內(nèi)代碼塊的快速輸入

  選定需要使用一對(duì)反引號(hào)包圍的文本,按下Ctrl+`組合快捷鍵,即可自動(dòng)添加兩個(gè)反引號(hào)。

  不選中任何文本,直接按Ctrl+`,會(huì)自動(dòng)添加一對(duì)反引號(hào),并將插入點(diǎn)光標(biāo)定位到兩個(gè)反引號(hào)中間。此時(shí)可以直接輸入文本。輸入文本后,按Tab鍵,會(huì)自動(dòng)跳過(guò)尾反引號(hào),這樣就可以接著輸入了。

多行代碼塊

也可以添加多行代碼文本,每行都需要以至少四個(gè)半角空格(或以至少一個(gè)Tab符)開(kāi)頭。

例如:下面以“□”表示一個(gè)半角英文空格,以“[Tab]”表示一個(gè)Tab字符:

□□□□function DeleteText()□□  
□□□□{□□  
□□□□□□□□string s = "示例文本";□□  
□□□□□□□□...□□  
□□□□□□□□ClipBoard.Delete();□□  
□□□□}□□  
[Tab]function DeleteImage()□□  
[Tab]{□□  
[Tab][Tab]Image img = new Image();□□  
[Tab][Tab]...□□  
[Tab][Tab]ClipBoard.Delete();□□  
[Tab]}□□  

轉(zhuǎn)譯后會(huì)顯示為:

function DeleteText()  
{  
    string s = "示例文本";  
    ...  
    ClipBoard.Delete();  
}  
function DeleteImage()  
{  
     Image img = new Image();  
     ...  
     ClipBoard.Delete();  
}  

代碼塊與其它元素的沖突

  很多元素——例如引用文本塊、有序列表、無(wú)序列表……它們不需要頂格書(shū)寫(xiě)——可以在它們前面存在[1,3]個(gè)引導(dǎo)空格。但一旦空格數(shù)量達(dá)到 4 個(gè),立即就會(huì)變成代碼塊。例如下面這些:

□□□□> 看起來(lái)是個(gè)引用,其實(shí)會(huì)被原樣輸出為代碼行
□□□□~看起來(lái)是個(gè)頁(yè)眉,其實(shí)還是代碼行
□□□□%看起來(lái)是文檔標(biāo)題,也是代碼行
□□□□+ 看起來(lái)是無(wú)序列表,其實(shí)是代碼行
□□□□1. 看起來(lái)是有序列表,其實(shí)是代碼行

  上面的“□”表示一個(gè)半角英文空格。這幾行編譯成 Html 后顯示為:

> 看起來(lái)是個(gè)引用,其實(shí)會(huì)被原樣輸出為代碼行
~看起來(lái)是個(gè)頁(yè)眉,其實(shí)還是代碼行
%看起來(lái)是文檔標(biāo)題,也是代碼行
+ 看起來(lái)是無(wú)序列表,其實(shí)是代碼行
1. 看起來(lái)是有序列表,其實(shí)是代碼行

  而如果前導(dǎo)空格只有 3 個(gè),情況立馬就變得不一樣。

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)