博客園是一個(gè)非常優(yōu)秀的博客平臺(tái),無(wú)論是寫(xiě)作、閱讀還是交流都有很好的體驗(yàn)。博客園提供了很多自定義的功能,包括修改博客的主題、頁(yè)面布局和代碼樣式等等。其中,代碼自定義 css 是一個(gè)非常好用的功能,可以讓我們的代碼更加好看、易讀。
在博客園中自定義代碼 css,我們需要先創(chuàng)建一個(gè) css 文件。在博客管理頁(yè)面,點(diǎn)擊【設(shè)置】-【個(gè)性化】-【自定義css】,進(jìn)入自定義 css 頁(yè)面。在頁(yè)面最下方,點(diǎn)擊【新建】按鈕,創(chuàng)建一個(gè)新的 css 文件。將 css 代碼粘貼到新建文件中,并保存。
pre { background-color: #282c34; color: #abb2bf; font-family: Menlo, Consolas, monospace; font-size: 14px; line-height: 1.5; overflow: auto; padding: 16px; }
這段 css 代碼會(huì)將博客園中的所有 code 標(biāo)簽都設(shè)置為黑色背景、淺灰色字體、等寬字體,行高為 1.5 倍,并添加滾動(dòng)條。在自定義代碼樣式時(shí),我們可以根據(jù)自己的需要進(jìn)行調(diào)整,比如修改字體大小、顏色、背景色等。
一旦我們自定義了代碼樣式,每次在博客中插入代碼時(shí),只需要使用 code 標(biāo)簽或 pre 標(biāo)簽即可。比如:
這是一個(gè)代碼塊。
這是一個(gè)帶有多行的代碼塊。 print("Hello, world!") for i in range(10): print(i)
使用自定義的代碼樣式后,我們的博客代碼看起來(lái)更加整潔、美觀,也更加易讀。希望這篇文章對(duì)你有所幫助!