博客装修改造备忘

上次改这个博客的样式估计得追溯到 2017 年了，整个页面散发着一股本世纪初的味道，最近痛定思痛决定让博客稍微看起来没有那么有年代感一点……

做的修改略备忘如下：

正文样式

把字体调大了点，行距拉开，字重降低，看着顺眼点。

.post .postBody {
    font-weight: 350;
    font-size: 16px;
    line-height: 1.7;
}
.post .postBody a {
    font-weight: 350;
    font-size: 16px;
    line-height: 1.7;
}

布局样式

把侧边栏干掉了。

#sideBar {
    display: none;
}

.post .postBody {
    width: 100%
}

#mainContent {
    width: 100%;
}

链接样式

把链接的下划线改成悬停时显示了，如这个。

.post .postBody a:active, .post .postBody a:link, .post .postBody a:visited {
    color: sandybrown;
    position: relative;
    text-decoration: none;
}

#blog_post_info_block a:active, #blog_post_info_block a:link, #blog_post_info_block a:visited {
    color: #494949;
    position: relative;
    text-decoration: underline;
}

a {
    transition: all .3s ease !important;
}

a:hover {
    color: orange !important;
    text-decoration: underline !important
}

代码样式

.hljs {
    font-size: 14px !important
}