博客园silence主题皮肤加鼠标特效设置


0X00-引言


心潮所致,搞一搞博客装饰,搞了好久也没有吃饭,点了份蛋炒饭和可口可乐,花了19.28元,痛哭流涕??。

0X01-主题下载


部署文档:

GitHub地址:https://github.com/esofar/cnblogs-theme-silence

样例效果:https://www.cnblogs.com/peace-and-romance/

0X02-基本设置


进入博客园管理-设置-博客侧边栏公告-申请JS权限,理由措辞要礼貌,等待管理员开通

措辞样例:
(1)
尊敬的博客园管理员:
请问是否可以帮我开通js权限,我想对文章的样式和布局需要js代码进行调整外观。
谢谢您的帮助。
(2)
尊敬的博客园管理员:
您好,我希望用JS美化下我的博客页面,麻烦通过下我的JS权限申请。
谢谢您的帮助。

下载主题,压缩包解压

进入博客园管理,点击设置

主题不支持子标题,博客皮肤一栏选择custom

0X03-页面定制CSS代码设置


进入解压文件夹中dist目录,打开silence.min.css文件,复制粘贴到页面定制CSS代码中,点击禁用模板默认CSS

image-20211127204028394

0X04-博客侧边栏公告设置


博客侧边栏设置,代码中的要求填自己的链接,图片可以上传到个人的云端仓库(gitee,github)生成链接

上传压缩包dist目录下的silence.min.js文件到博客园文件管理

image-20211127204601516




复制代码到博客侧边栏公告下,把代码中要求链接的地方填入即可image-20211127205044227

0X05-鼠标点击特效及页面标题进入退出title设置


直接复制代码粘贴到页首HTML代码中即可

Loading

image-20211127205447632

0X06-线条背景动画及鼠标点击烟花设置


直接复制代码粘贴到页脚即可






image-20211127205515722

0X07-引用


https://esofar.github.io/cnblogs-theme-silence/#/options

相关