博客園設置默認字體大小

時間 2019-11-10

原文原文鏈接

一般咱們插入代碼後，博客園的網頁模板就會提供默認的樣式進行顯示，那麼若是咱們想要代碼變大些該怎麼辦呢？幸虧博客園在博客設置中提供了自定義的css設置，讓咱們能夠最大限度的設定博客風格。css

1、尋找樣式名稱html

若是你僅僅但願知道如何修改，那麼能夠調過本節，直接進入修改一節。git

要修改代碼樣式就必須找到本來的樣式，進入到一篇文章中，在chrome中點F12，而後經過點擊元素就界面，慢慢找到代碼段。須要注意的是這裏面的代碼都進行了摺疊，你須要根據位置來展開。chrome

能夠看見咱們已經選擇到了代碼段的部分，而後咱們從右邊的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，咱們一下就知道該修改什麼了。ide

2、自定義樣式post

經過上面的分析，我如今把默認的樣式進行了修改，僅僅把原來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樣式。最後保存便可！this

我本身的style：spa

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

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

#home {
margin: 0 auto;
width: 1330px;
}

#main {
min-width: 1330px;
text-align: left;
clear: both;
background: #fff;
}

#mainContent {
min-height: 200px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
float: left;
width: 1100px;
background: #fff;
}

#sideBar {
min-height: 200px;
padding: 0 5px 0 5px;
margin-left: 700px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
_margin-left: 0;
_width: 300px;
padding-bottom: 20px;
}

.dayTitle {
color: #666;
font-weight: bold;
line-height: 1.5em;
font-size: 150%;
margin-top: 3px;
margin-bottom: 10px;
float: right;
position: relative;
top: 40px;
}

.postTitle {
font-size: 18px;
font-weight: bold;
padding: 0 100px 10px 20px;
border-bottom: 1px solid #e0e0e0;
line-height: 1.5em;
clear: both;
border-left: 5px solid #1fa6e6;
}

#blogTitle h1 {
font-size: 200%;
font-weight: bold;
line-height: 1.5em;
margin-left: 1em;
margin-top: 10px;
width: 50%;
float: left;
display: inline;
letter-spacing: 1px;
}

#topics .postTitle {
font-size: 150%;
font-weight: bold;
border-bottom: 1px solid #999;
line-height: 1.5em;
padding-left: 5px;
}