博客美化

Posted 2021-01-15 tingweichen

参考链接：https://github.com/esofar/cnblogs-theme-silence

介绍

Silence 是一款界面简洁、运行高效的博客园主题，主要面向于经常混迹博客园的朋友。

简单概括其几个主要特点：

• 专注阅读、精致漂亮的 UI；
• 事无巨细的部署文档；
• 兼容移动端浏览器；
• 源码结构清晰、易扩展。

安装

step 1：主题下载

     通过下面git命令克隆到本地，或者直接下载zip到本地并解压。

git clone https://github.com/esofar/cnblogs-theme-silence.git

进入dist目录，获取发布文件silence.min.css和silence.min.js。

step 2: 上传到博客园

进入博客园『管理』-『文件』，将silence.min.js文件上传到自己的博客。获取上传后的URL地址，然后使用<script>标签生成一个脚本引用。参考示例：

<script src="https://blog-static.cnblogs.com/files/tingweichen/silence.min.js"></script>

进入『博客园』-『管理』-『设置』，将上面生成的引用复制到「博客侧边栏公告」文本域中。

最后处理样式文件，使用记事本工具打开silence.min.css文件，复制其所有代码到「页面定制CSS代码」文本域中即可。

step 3：开始使用

进入『博客园』-『管理』-『设置』，将下面代码复制并追加到「博客侧边栏公告」文本域中。

<script type="text/javascript">
    $.silence();
</script>

该主题新增了三个自动化模块：博客目录、博客签名、支持赞赏，并且支持参数配置，由于可能会稍微影响页面加载速度，默认不启用。如需开启请修改上述代码。参考示例：

<script type="text/javascript">
    $.silence({
        catalog: {
            enable: true,
            move: true,
            index: true,
            level1: ‘h2‘,
            level2: ‘h3‘,
            level3: ‘h4‘,
        },
        signature: {
            enable: true,
            author: ‘Esofar‘,
            home: ‘https://esofar.cn‘,
            license: ‘署名 4.0 国际‘,
            link: ‘https://creativecommons.org/licenses/by/4.0‘
        },
        reward: {
            enable: false,
            title: ‘感谢您的支持，我会继续努力‘,
            wechat: ,
            alipay: ,
        },        
        github: {
            enable: true,
            color: ‘#fff‘,
            fill: ‘#151513‘,
            link: ‘https://github.com/ctwgL‘,
        }
    });
</script>

Step4：其他配置

要使主题正常使用，还需要在修改博客园的一些其他配置项

• 进入『博客园』-『管理』-『设置』，在「标题」文本域中设置博客标题，不支持子标题。
• 进入『博客园』-『管理』-『设置』，在「博客皮肤」处选择博客园官方标准模板Custom，并且把「禁用模板默认CSS」复选框取消勾选。
• 进入『博客园』-『管理』-『选项』，在「控件显示设置」需要勾选的模块有：随笔分类、公告、博客园链接、阅读排行榜、我的标签、首页链接、RSS订阅、推荐排行榜、联系，其他模块取消勾选(可选)。

至此，Silence 主题就已经安装完成，赶快打开博客看看效果吧！