項目已經使用 webpack 重構，不用往下看了， 請點擊跳轉到新文章。
產生
博客園第三方主題數不勝數，或者你也為你的博客園作了一些優化，接下來無論如何你都可以將你已經存在的代碼稍作修改（無非就是建一個文件夾，修改一下文件名）加入這個倉庫，安裝過的人都可以互相共享主題樣式。ok，先放個效果GIF，如果有興趣請往下看吧。
為了節省流量請點此查看
當然還可以切換更多全局主題，它在不斷擴充！
介紹
🍖awesCnb 不是一個簡單的皮膚，是多套皮膚的合集，可以快速切換多套主題，安裝后，只需要在博客園設置頁面更改 name 的值就能直接切換整套主題。
- 風格變化莫測（因為你可以快速切換多套主題）
- 根據配置加載 （沒有使用的插件不會加載）
- 安裝后靜靜享受更新
- 兼容性強（通過 gulp 自動處理 js css）
- 訪問快速 （代碼部署在 碼雲 而不是 GitHub）
- 易於安裝
- 大量的可選配置
- 都是廢話我不啰嗦了
安裝
這個過程看起來很長，其實只是簡單的復制粘貼，我寫的足夠詳細每個人都能夠安裝它，哪怕你剛剛注冊博客園！
- 你的博客首頁 -> 管理 -> 設置
- 設置博客默認皮膚為
Custom - 復制如下 css 粘貼到 頁面定制 css
:root{--sk-size:60px;--sk-color:#ffb3cc}
#loading{position:fixed;top:0;left:0;right:0;height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(https://guangzan.gitee.io/awescnb/assets/images/background/cell.gif);z-index:99999}
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
.sk-fold-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}
.sk-fold-cube:nth-child(2):before{animation-delay:.3s}
.sk-fold-cube:nth-child(4):before{animation-delay:.6s}
.sk-fold-cube:nth-child(3):before{animation-delay:.9s}
@keyframes sk-fold{
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}
- 禁用默認 css 樣式
- 復制如下 js 粘貼到 博客側邊欄公告（支持 HTML 代碼） （支持 JS 代碼） 沒開通 js 權限請先開通
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>$.awesCnb({
// 在這里配置主題，什么都不寫即代表使用默認配置
// 就這樣什么都不寫也能跑起來
});
</script>
- 復制如下 html 粘貼到 頁首 HTML
<section id="loading">
<div class="sk-fold">
<div class="sk-fold-cube"></div>
<div class="sk-fold-cube"></div>
<div class="sk-fold-cube"></div>
<div class="sk-fold-cube"></div>
</div>
</section>
- 保存
切換全局主題
安裝完之后，過了很久，難免喜新厭舊。這一套主題玩夠了，ok，接下來打開設置，將 theme 對象下的 name 的值修改一下( 你可以看上面 安裝中的 js )，點擊保存，重新進入你的博客。Oh my God！你換了一整套新的皮膚！ 有一點需要你注意，請使用簡單美觀的 markdown 語法來書寫，如果現在你還不知道什么是 markdoown， 抓緊花幾分鍾學習它吧
文檔
如果你想繼續配置，點我 轉到寶寶都能看懂的配置文檔。
加入
如果你掌握了一些 web 前端知識，歡迎加入一起開發，或者你也有自定義的一套主題，也歡迎加入倉庫。
點擊 跳轉到開發文檔。
聯系
QQ: 923665892
QQ群：541802647 （活躍）
微信： wx923665892
請優先加群！
感謝
GShang 提供了一套主題。
截止目前有很多小伙伴提供了寶貴的建議， 有時間會統計更新在文檔中。