cnblogs-skin

简介

一个博客园皮肤制作脚手架。

自带一套基于博客园blank样式的简洁皮肤。

安装

运行以下命令安装项目的依赖包：

npm i

本地开发

运行命令

npm run dev

资源都在src文件中：

• less文件存放样式。
• template文件夹中存放页首html模板和页脚html模板。
• js文件夹中存放页首js代码和页脚js代码。
• imgs文件夹为存放在博客园相册的图片，用于本地开发用

生成最终css文件、页首html文件和页脚html文件

运行命令

npm run build

运行命令后，会生成build和buildHtml两个文件夹。

build文件夹中的main.css文件为最终打包生成的css代码。

buildHtml文件夹中的header.html和footer.html文件分别为打包后的页首html代码和页脚html代码。

部分功能需要申请博客园的脚本权限

需要申请JS权限才能起作用的功能：

• 网页加载进度条
• 可以吸住和放开精灵球的小磁怪
• 评论中加载用户头像
• 自动生成文章目录
• hover目录项加上指示箭头（2019-11-12）
• 点击图片放大图片（2020-02-27）

示例地址为作者的博客地址：http://www.cnblogs.com/vvjiang

更新日志

v2.0.1 2020-02-27

新增：

点击图片放大图片的功能。

BUG修复：

• 修复本地开发版本与博客园jquery版本不一致导致的事件绑定BUG。降级jquery版本到1.8，尽量与博客园jq版本保持一致。
• 解决修改js文件后页面不能热更新的BUG

v2.0.0 2020-01-13

升级脚手架到2.0.0