博客園代碼字體大小修改

用博客園也有一段時間了，但一直苦於顯示的代碼太小（對我這種年老眼花的來說），終於想起了找搜索引擎。

幸好博客園在博客設置中提供了自定義的css設置，讓我們可以最大限度的設定博客風格。

 

一、尋找樣式名稱

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

進入一篇文章，在Chrome瀏覽器中打開，右鍵檢查，找到標簽

先找到"cnblogs_post_body"標簽

 

在選擇"cnblogs_code"標簽，其子目錄可分別看見span和pre標簽，以及它們的css sytle

 

這兩個css樣式就對應代碼字體大小了，如下

.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;
}

 

二、自定義樣式

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

.cnblogs_code pre {
font-family: Courier New!important;
font-size: 15px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 15px!important;
line-height: 1.5!important;
}

 

三、拷貝上面的代碼至后台管理的“頁面定制CSS代碼”

 

 

 

參考鏈接：

1、https://www.cnblogs.com/tianzhijiexian/p/4248585.html

2、http://www.cnblogs.com/cai1432452416/p/5276146.html