Markdown 代碼區(qū)塊

2019-08-14 12:09 更新

和程序相關(guān)的寫作或是標(biāo)簽語(yǔ)言原始碼通常會(huì)有已經(jīng)排版好的代碼區(qū)塊,通常這些區(qū)塊我們并不希望它以一般段落文件的方式去排版,而是照原來(lái)的樣子顯示,Markdown 會(huì)用 <pre> 和 <code> 標(biāo)簽來(lái)把代碼區(qū)塊包起來(lái)。

要在 Markdown 中建立代碼區(qū)塊很簡(jiǎn)單,只要簡(jiǎn)單地縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符就可以,例如,下面的輸入:

這是一個(gè)普通段落:

    這是一個(gè)代碼區(qū)塊。

Markdown 會(huì)轉(zhuǎn)換成:

<p>這是一個(gè)普通段落:</p>

<pre><code>這是一個(gè)代碼區(qū)塊。
</code></pre>

這個(gè)每行一階的縮進(jìn)(4 個(gè)空格或是 1 個(gè)制表符),都會(huì)被移除,例如:

Here is an example of AppleScript:

    tell application "Foo"
        beep
    end tell

會(huì)被轉(zhuǎn)換為:

<p>Here is an example of AppleScript:</p>

<pre><code>tell application "Foo"
    beep
end tell
</code></pre>

一個(gè)代碼區(qū)塊會(huì)一直持續(xù)到?jīng)]有縮進(jìn)的那一行(或是文件結(jié)尾)。

在代碼區(qū)塊里面, & 、 < 和 > 會(huì)自動(dòng)轉(zhuǎn)成 HTML 實(shí)體,這樣的方式讓你非常容易使用 Markdown 插入范例用的 HTML 原始碼,只需要復(fù)制貼上,再加上縮進(jìn)就可以了,剩下的 Markdown 都會(huì)幫你處理,例如:

    <div class="footer">
        &copy; 2004 Foo Corporation
    </div>

會(huì)被轉(zhuǎn)換為:

<pre><code>&lt;div class="footer"&gt;
    &amp;copy; 2004 Foo Corporation
&lt;/div&gt;
</code></pre>

代碼區(qū)塊中,一般的 Markdown 語(yǔ)法不會(huì)被轉(zhuǎn)換,像是星號(hào)便只是星號(hào),這表示你可以很容易地以 Markdown 語(yǔ)法撰寫 Markdown 語(yǔ)法相關(guān)的文件。


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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)