我把我这个博客的自定义样式及页首页尾代码开源了

Github 项目地址。

README.md辑录以下：

Welcome to material-cnblogs，这是一个 Material 风博客园皮肤，能够便捷地套用。

使用cnblogs-skin搭建，可是cnblogs-skin里面的HTML模板好像过期了。因而我制做以后又大修大改了一番。

内含 css.css、header.html、footer.html 三个文件，分别对应博客园后台“设置”选项卡下的“页面定制 CSS 代码”、“页首 HTML 代码”和“页脚 HTML 代码”。

主题色：#0078D7。

能够前往 个人我的博客 查看显示效果。

亮点

• 自动生成目录；
• 右下角小飞机游戏；
• 自动添加“本文共 6419 字，阅读本文大概须要 13 ~ 21 分钟”这样的提示条；
• 图片点击放大；
• 页面加载进度条（实际上是心理安慰）；
• 漂亮的超连接样式；
• 在文章的任意部分套上 <div class="no-select"> 和 </div> 能够防止这部份内容被无脑复制；
• 鼠标悬浮在文章内超连接（不包括书签超连接）上时，显示该连接的 URL 和该页面的缩略图；
• 自动预加载，提升全站访问速度；
• 友链模板（在 footer.html 里面）。

使用

1. 在css.css中自定义你的头像和用户名，以及各个标签的颜色；
2. 打开 博客园后台管理设置；
3. 将 css.css 中的内容复制到“页面定制 CSS 代码”框里面，同理，header.html → “页首 HTML 代码”，footer.html → “页脚 HTML 代码”；
4. 把“标题”框里面的东西删掉（由于已经在 CSS 中定义了）；
5. 把“博客皮肤”改为默认的“AnotherEon”，不要勾选“禁用模板默认CSS”。
6. 保存；
7. 顺便 Star 一下这个仓库。