# cnblogs-skin

**Repository Path**: vvjiang/cnblogs-skin

## Basic Information

- **Project Name**: cnblogs-skin
- **Description**: 一个博客园皮肤制作脚手架
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2019-12-30
- **Last Updated**: 2022-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 博客园, 皮肤

## README

# 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](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