# awescnb

**Repository Path**: Cat3036208795/awescnb

## Basic Information

- **Project Name**: awescnb
- **Description**: 快速构建、安装、切换博客园皮肤.
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.cnblogs.com/guangzan/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 120
- **Created**: 2020-05-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Awescnb

![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg) ![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg) ![forthebadge](https://forthebadge.com/images/badges/thats-how-they-get-you.svg) ![forthebadge](https://forthebadge.com/images/badges/powered-by-responsibility.svg) ![forthebadge](https://forthebadge.com/images/badges/makes-people-smile.svg) ![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)

> ⛷ **Awescnb**, awesome cnblog 使博客园更加美好，为博客园发烧友而生！

## 简介

项目使用 webpack 构建. 集成大量博客插件. 可以用它做以下三件事:

1. 创建: 快速创建一个的博客园皮肤,通过打包生成文件,供您使用.

2. 分享: 快速创建一个博客园皮肤并将它贡献给项目,园友就能够切换到您的皮肤了.

3. 安装: 在您的博客园安装这个项目中已经集成的皮肤.安装之后,可以快速切换其他皮肤.[点击查看切换效果](https://guangzan.gitee.io/imagehost/blog/themechange.gif).

## 文档

-   [给我的博客园安装皮肤](https://guangzan.gitee.io/awescnb-docs/awescnb/use/install.html)
-   [我已经安装完毕，去配置一下](https://guangzan.gitee.io/awescnb-docs/awescnb/use/default.html)
-   [我想快速创建一个新皮肤](https://guangzan.gitee.io/awescnb-docs/awescnb/dev/dev.html)
-   [更新日志](https://guangzan.gitee.io/awescnb-docs/awescnb/dev/log.html)

## 开发配置

**config/options.js**

```js
module.exports = {
    themeName: 'reacg',
    template: 'post',
    eslint: true,
    sourceMap: false,
    openAnalyzer: false,
    cssExtract: false,
}
```

-   themeName 创建的主题文件夹名称 (运行 npm start 会启动它)
-   template 本地开发要启动的页面 'index' -> 首页 'post' -> 随笔详情页 'tag' -> 标签页 ...
-   eslint 是否开启 eslint
-   sourceMap 是否开启 sourcemap
-   openAnalyzer 是否在 build 时开启 size 分析
-   cssExtract 是否单独抽离 css

`cssExtract` 如果没有开启，build 会打包生成一个 dist， dist 下仅有 js 文件， 这是 css in js 的方式，通过 js 动态添加 `style` ； 若设为 true ，会在 dist 目录下另外创建一个 ext 文件夹， 下面放了皮肤的 js 和 css 文件。这两种方式供你灵活选择。

![](https://gitee.com/guangzan/imagehost/raw/master/markdown/awescnb-dist.png)

> 正如你所见， ext 下每一个皮肤对应 js 和 css 两个文件。

## 贡献

1. fork 主仓库到自己账号成为副本仓库
2. 在副本仓库完成代码贡献
3. 将副本修改的内容给主仓库提交 Pull Requests

> 如果您有兴趣, 也可以加入仓库开发者行列.

## 联系

-   QQ 群：541802647 (活跃)

## 成员

-   [青墟](https://www.cnblogs.com/guoxinyu/)
-   [ABing](https://www.cnblogs.com/A-Bing/)
-   [GShang](https://www.cnblogs.com/gshang/)
-   [DIVMonster](https://www.cnblogs.com/guangzan/)
-   [Kindear_chen](https://www.cnblogs.com/masterchd)

## 许可

-   永久免费使用它构建皮肤和安装皮肤, 请不要基于项目此重新构建项目并发布.
-   如果您引用了此项目的**代码**或**样式**请在您的项目中说明, 谢谢合作!

## 捐赠

1. 最近帮小伙伴解决一些问题, 要请我喝水, 一并在此感谢, 但本人并不接受任何捐赠，如需捐赠请捐赠给皮肤作者。
2. 欢迎加群，有问必答。有任何问题也都可以到群里反馈,十分感谢!

> 做这个项目是兴趣使然, 也为了一群博客园发烧友.