基于Silence主题的一些自定义优化

简介

适用主题:silence-v3.0.0-rc2,若esofar大牛有在github发布新版本,该文章也会继续更新。

修改项

修改博客标题字体

silence的博客标题Georgia字体太丑了,在css代码种把font-family属性删掉,或者选择其他字体即可。

#blogTitle h1{
    font-size:25px;
    font-weight:600;
    font-family:Georgia;  /* 把该行删掉 */
    float:left;
    margin-top:15px
}

删掉保存后,浏览器将渲染默认字体。

1

添加背景

#home{
    background:url(https://图片外链) center/contain no-repeat fixed;  /* 添加该行,改成自己的外链 */
    width:100%;
    height:100%;  /* 该行删掉,否则背景位置会随滚轮改变,删掉后影响未知 */
    transition:width .3s ease
}

淡化内容区的背景

为了避免背景影响读者阅读,在内容区添加了透明白底,淡化背景
在css任意位置添加:

#cnblogs_post_body {
    background: rgba(255, 255, 255, 0.5);
}

Tip:

  1. 图片可以上传到博客园的相册,且已支持上传webp格式图片
  2. 为不影响阅读,图片尽量选择浅色,且按一定比例淡化
posted @ 2021-06-18 10:14  NiGhT_Ray  阅读(45)  评论(0编辑  收藏  举报