修改博客園默認的代碼字體大小


通常我們插入代碼后,博客園的網頁模板就會提供默認的樣式進行顯示,那么如果我們想要代碼變大些該怎么辦呢?幸好博客園在博客設置中提供了自定義的css設置,讓我們可以最大限度的設定博客風格。

一、尋找樣式名稱

如果你僅僅希望知道如何修改,那么可以調過本節,直接進入修改一節。

要修改代碼樣式就必須找到原本的樣式,進入到一篇文章中,在chrome中點F12,然后通過點擊元素就界面,慢慢找到代碼段。需要注意的是這里面的代碼都進行了折疊,你需要根據位置來展開。

可以看見我們已經選擇到了代碼段的部分,然后我們從右邊的syle界面就可以看到樣式了,這里我們想要定義的是代碼的字體大小,所以我找到了如下的兩個樣式:

.cnblogs_code pre { font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; } .cnblogs_code span { font-family: Courier New!important; font-size: 12px!important; line-height: 1.5!important; }

這兩個樣式中font-size的大小都是12px,我們一下就知道該修改什么了。

二、自定義樣式

通過上面的分析,我現在把默認的樣式進行了修改,僅僅把原來12px變為了18px。

.cnblogs_code pre { font-family: Courier New!important; font-size: 18px!important; word-wrap: break-word; white-space: pre-wrap; } .cnblogs_code span { font-family: Courier New!important; font-size: 18px!important; line-height: 1.5!important; }

然后進入博客設置,添加自定義css樣式。最后保存即可!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM