千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

當前位置:首頁  >  技術(shù)干貨  > Markdown代碼塊詳解

Markdown代碼塊詳解

來源:千鋒教育
發(fā)布人:xqq
時間: 2023-11-22 21:31:59 1700659919

一、Markdown代碼塊主題

Markdown語言支持多種代碼塊主題風(fēng)格。通常情況下,我們可以使用Github提供的風(fēng)格模板。我們可以使用如下語法來指定代碼塊的風(fēng)格:

`python
#在這里寫下你的代碼
`

其中python可以替換成其他的語言標識符,以更好地匹配代碼塊的樣式。這些語言標識符包括但不限于C/C++, Python, Java, HTML, CSS, JavaScript等等。

除了Github提供的風(fēng)格模板,還可以自定義Markdown代碼塊主題。自定義主題的語法與使用Github提供的主題相似。

二、Markdown代碼塊怎么輸入

在Markdown中輸入代碼塊非常簡單,只需在代碼段之前以`開頭,代碼段之后以`結(jié)尾即可。 在代碼段之前可以指定語言標識符,Syntax highlighting效果將自動應(yīng)用。

`python
#在這里寫下你的代碼
`

三、Markdown行內(nèi)代碼

若想在Markdown文本中插入代碼,請用`將代碼包圍,即可生成類似于print("Hello World!")這樣的效果。

四、Markdown代碼塊字體大小

在輸入代碼塊之前,你可以使用如下語法來為代碼設(shè)置字體大?。?/p>


`python
#在這里寫下你的代碼
`

其中的數(shù)字4可以根據(jù)需求自行設(shè)置。

五、Markdown代碼塊部分紅色

我們可以利用HTML標簽的子元素對Markdown代碼塊的某個部分進行高亮。通常情況下,我們可將目標代碼塊轉(zhuǎn)換為HTML格式,再利用子元素進行高亮。

例如,想要將Python代碼塊中的數(shù)字5標記為紅色:

5

然后在代碼塊中將所需部分從普通文本轉(zhuǎn)換為HTML代碼,并嵌套在標簽內(nèi)。


`python
a = 5
print(a)
`

六、Markdown代碼塊語法

Markdown語言支持多種語言的代碼塊,包括但不限于C/C++, Python, Java, HTML, CSS, JavaScript等等。在指定代碼語言時,我們可以使用如下語法:

`python
#在這里寫下你的代碼
`

注意,語言關(guān)鍵字與代碼塊之間必須有一個空格。如果我們不指定代碼塊的語言,Markdown默認將代碼塊識別為文本區(qū)塊。

七、Markdown代碼模式

除了標準的代碼塊模式,Markdown也支持行內(nèi)代碼模式。當我們只需要單個標識符或單個代碼行時,可以使用行內(nèi)代碼模式。如下所示:

I think you should use an
 element here instead.

注意到語法與正常的Markdown語法略有不同,這說明行內(nèi)代碼被嵌入普通文本中,不影響其他文本的排版。

八、Markdown代碼塊高亮

如果需要一段特定的代碼高亮,可以使用代碼塊高亮來處理。實現(xiàn)代碼塊高亮的過程如下:

打開自己的博客文章編輯區(qū); 在博客文章編輯區(qū)右上角的代碼塊上選取語言; 將代碼粘貼到代碼塊中; Markdown代碼高亮格式要求開頭及結(jié)尾處必須使用三個反引號; 博客主題支持代碼塊高亮展示。

九、Markdown表格

Markdown表格為排版提供了靈活的工具。要插入表格,我們需要使用如下語法格式:

| 標題1 | 標題2 | 標題3 |
| ------ | ------ | ------ |
| 內(nèi)容1 | 內(nèi)容2 | 內(nèi)容3 |

在表格的第一行,利用|符號將表頭拆分成多個列。之后在下一行使用|符號來分割每一列,列與列之間的空格數(shù)不必完全相等。

聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT