第06節(jié) Markdown代碼塊

2018-08-09 15:16 更新

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

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

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

行內(nèi)代碼塊

  行內(nèi)代碼塊以兩個`字符(即通常在Esc鍵下方的波形符鍵上的反引號字符)包圍。

  例如下面這行 Markdown 文本:

這是一小段`代碼`。
常常可以用來描述某種快捷鍵,例如`Ctrl+F`。

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

這是一小段代碼。

常??梢杂脕砻枋瞿撤N快捷鍵,例如Ctrl+F

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

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

  選定需要使用一對反引號包圍的文本,按下Ctrl+`組合快捷鍵,即可自動添加兩個反引號。

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

多行代碼塊

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

例如:下面以“□”表示一個半角英文空格,以“[Tab]”表示一個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)譯后會顯示為:

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

代碼塊與其它元素的沖突

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

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

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

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

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號