BNDong的Silence主題
Silence如何安裝請看Docs1.x版本
AweScnb如何安裝請看
左下角是Aplayer的音樂，會擋到手機端的左下角一塊地方，滑屏不爽（看官自行實踐體會）。所以要刪，不用了
右上是tctip打賞插件，成天豎在屏幕右邊，誰會無聊給我打賞，還不如提供點有用的資料，在那篇文章里打賞，再說打賞能當飯吃嗎？我花了好大力氣賣資料也是窮鬼。
【窮鬼：特指手機和電腦都已經卡炸，沒有工作，換不起手機，買不起菜，做不了美食，沒法玩組裝服務器】
每次都會自動換，首頁的封面圖和文章首部圖
打算換了。Silence這個皮膚，css文件復制一下都很慢。
首頁就在看全屏美圖，然后往下划，文章目錄都是光禿禿的文字，我對自己的文章都提不起興趣了，
正好有關注過博客園那些喜歡做博客皮膚的博主，有一次發現他評論了別人的文章，於是發現一個很好看的主題https://gitee.com/guangzan/awescnb，DIV狂魔寫的，很不錯，很模塊化，代碼很精簡。
所以准備換掉Scilence，說是專注閱讀的主題，但實際用起來對閱讀幫助不大。
#EntryTag是原silence的css代碼。
太長了，沒有模塊化，復制起來很難受。
√禁用模板默認CSS
博客側邊欄公告JS代碼
舊Scilence
博客側邊欄公告（支持HTML代碼） （支持 JS 代碼）
這是之前的代碼，疫情期間修改過部分內容，放在后面了，
<!--Valine 博客評論系統-->
<div id="vcomments"></div> <script>
var valine = new Valine();
valine.init({
el:'#ad_text_under_commentbox',//之前選擇博客園和Valine兩個評論系統共存，
appId:'請看Valine官方文檔',
appKey:'請看Valine官方文檔',
avatar:'monsterid',
placeholder:'【游客評論區】游客不用注冊就能發表評論。但最好留下郵箱，因為有消息回復會在郵箱里提示你',
avatarForce:true,
visitor:true,
});
</script>
<script src="https://files.cnblogs.com/files/guoxinyu/Valine.min.js"></script>
<!--打賞 Start-->
<script>
window.tctipConfig = {
staticPrefix: "https://static.tctip.com",
buttonImageId: 5,
buttonTip: "dashang",
list:{ alipay: { qrimg: "https://images.cnblogs.com/cnblogs_com/guoxinyu/1630180/t_2001150514411579065240.png?a=1580742976825",desc:"大爺給口飯吃"},
weixin: {qrimg: "https://files.cnblogs.com/files/guoxinyu/weipay.bmp",desc:"大爺賞個吃的"},
litecoin:{qrimg:"https://files.cnblogs.com/files/guoxinyu/weipay.bmp",desc:"大爺行行好"},
bitcoin:{qrimg:"https://files.cnblogs.com/files/guoxinyu/weipay.bmp",desc:"大哥大嫂過年好"},
tenpay:{qrimg:"https://files.cnblogs.com/files/guoxinyu/weipay.bmp"}, }
}; </script>
<script src="https://files.cnblogs.com/files/guoxinyu/tctip.gai.min.js" >
</script>
<!--打賞 End-->
<script type="text/javascript">
window.cnblogsConfig = {
GhVersions:"v1.2.3",
blogUser:"青墟",
blogAvatar:"https://files.cnblogs.com/files/guoxinyu/default_avatar.bmp",
blogStartDate:"2019-07-07",
webpageTitleOnblur: "🌈ヾ(•ω•`)o Bye~Bye~",
webpageTitleOnblurTimeOut: 0,
webpageTitleFocus: "🍻ヾ(≧▽≦*)o 歡迎回來",
webpageTitleFocusTimeOut: 2000,
webpageIcon:"https://files.cnblogs.com/files/guoxinyu/rabbit_easyicon_128.ico",
fontIconExtend: "https://at.alicdn.com/t/font_543384_ezv3l7gd9r7.css",
homeTopImg:[ "https://files.cnblogs.com/files/guoxinyu/Dongzhi2019_ZH-CN6252826480_1920x1080.bmp",
"https://files.cnblogs.com/files/guoxinyu/LasCatedralesBeach_ZH-CN5680206879_1920x1080.bmp",
"https://files.cnblogs.com/files/guoxinyu/heishan.bmp", ],
menuNavList: [ ['青墟.知乎Zhihu','https://zhihu.com/people/guo-xin-yu-5-7'],
['青墟.博客園(熱🔥)','https://www.cnblogs.com/guoxinyu/'],
['加入青墟的QQ群🎃(來互動吧👯♀️)','https://shang.qq.com/wpa/qunwpa?idkey=c9ceab313446464f4fe6c0d31076881bsd5bae96695fb87413e37558724ea48d00'],
['郵我📧(秒回)','https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=YwQWDBsKDRoWW1FUUlZWUFVaIwUMGw4CCg9NAAwO'],
['微信公眾號.永燃的瞳術師🍻','https://img2018.cnblogs.com/i-beta/1735731/202001/1735731-20200110113030803-1459453253.webp'],
['————分界線————',' #'],
['撰寫新隨筆🍈(我自己用的)','https://i-beta.cnblogs.com/posts/edit'],
['Lean評論管理后台🈲(Admin)','https://tbsjoukbcerg.leanapp.cn/comments'],
],
bottomBlogroll: [ ["加入QQ群👯♀️",'https://shang.qq.com/wpa/qunwpa?idkey=c9ceab313446464f4fe6c0d31076881b5bae96695fb87413e37558724ea48d00'],
["郵我📧📬", 'https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=YwQWDBsKDRoWW1FUUlZWUFVaIwUMGw4CCg9NAAwO'],
["申請坑位", 'https://msg.cnblogs.com/send/guoxinyu'], ],
bottomText: { left : "埋骨何須桑梓地", icon: "❤️", right: "人生何處不青山", },
consoleList: [ ['青墟 CNBlogs', 'https://www.cnblogs.com/guoxinyu/'], ['青墟 zhihu', 'https://zhihu.com/people/guo-xin-yu-5-7'], ['青墟 Email', 'guoxinyu827155369@foxmail.com'], ], } </script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.2.3/src/script/simpleMemory.min.js"></script>
<!--qq群鏈接-->
<div><a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=c9ceab313446464f4fe6c0d31076881b5bae96695fb87413e37558724ea48d00"><img border="5" src="https://pub.idqqimg.com/wpa/images/group.png" alt="青墟的全球粉絲群" title="青墟的全球粉絲群"></a></div> <script async src="https://cdn.jsdelivr.net/npm/perfops-rom"></script> `
<!--qq郵我-->
<div><a target="_blank" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=YwQWDBsKDRoWW1FUUlZWUFVaIwUMGw4CCg9NAAwO" style="text-decoration:none;"><img src="https://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png"/></a></div>
新Scilence
這是Scilence新改過的代碼
<script>
var valine = new Valine();
valine.init({
el: '#comment_form_container',//現在選擇把博客園的評論系統覆蓋掉，純用valine
appId: 'TbSjOukB6kBSySO',
appKey: '6lbP3qA1UbW',
avatar:'monsterid',
placeholder:'填寫郵箱，即可收到回信；網址可選填',
avatarForce:true,
visitor:true,
notify: true,
recordIP:true
});
</script>
<script type="text/javascript">
window.cnblogsConfig = {
GhVersions:"v1.2.6",
blogUser:"青墟",
blogAvatar:"https://files.cnblogs.com/files/guoxinyu/default_avatar.bmp",
blogStartDate:"2019-07-07",
webpageTitleOnblur: "🌈ヾ(•ω•`)o Bye~Bye~",
webpageTitleOnblurTimeOut: 0,
webpageTitleFocus: "🍻ヾ(≧▽≦*)o 歡迎回來",
webpageTitleFocusTimeOut: 2000,
webpageIcon:"https://files.cnblogs.com/files/guoxinyu/rabbit_easyicon_128.ico",
fontIconExtend: "https://at.alicdn.com/t/font_543384_ezv3l7gd9r7.css",
homeTopImg:[ //我感覺有的時候登陸我的博客，顯示一張圖可能會卡的，還是少在博客首頁放一張大圖吧
"https://files.cnblogs.com/files/guoxinyu/heishan.bmp",
"https://cf.cndrew.cn/images/2020/03/07/SONC_EN-AU9822965309_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/CoraciasGarrulus_ZH-CN8070892801_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/SchoolGirls_EN-AU10666418108_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/PyramidsOfMeroe_ZH-CN10667861825_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/TheForadada_ZH-CN8007497690_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/LagazuoiRefuge_EN-AU12120955316_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/Ushitukiiwa_ZH-CN5710944706_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/NottulnHerbst_ZH-CN9638949027_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/AKFox_ZH-CN8586782340_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/Apollo15Composite_EN-AU10046867284_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/NorthPole_EN-AU14115177583_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/GustavAntiquities_ZH-CN9624291648_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/WallofPeace_ZH-CN5582031878_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/RoyalOntarioMuseum_EN-AU10362892998_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/DoorGods_ZH-CN12360444323_1920x1080.jpg"
// 用的cndrew老哥的圖床，很感謝他
],
menuNavList: [
['青墟.知乎Zhihu','https://zhihu.com/people/guo-xin-yu-5-7'],
['青墟.博客園(熱🔥)','https://www.cnblogs.com/guoxinyu/'],
['QQ群🎃1016595709','https://shang.qq.com/wpa/qunwpa?idkey=c9ceab313446464f4fe6c0d31076881b5bae96695fb87413e37558724ea48d00'],
['郵我📧(秒回)','https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=YwQWDBsKDRoWW1FUUlZWUFVaIwUMGw4CCg9NAAwO'],
['微信公眾號.永燃的瞳術師🍻','https://img2018.cnblogs.com/i-beta/1735731/202001/1735731-20200110113030803-1459453253.webp'],
['————分界線————',' #'],
['撰寫新隨筆🍈(自用)','https://i-beta.cnblogs.com/posts/edit'],
['Lean評論管理后台🈲(自用)','https://tbsjoukbcerg.leanapp.cn/comments'],//這是Valine非官方的魔改評論管理后台，很好用，用不着去Valine數據庫(在leancloud網頁端上)里刪了
],
bottomBlogroll: [
["加入QQ群👯♀️",'https://shang.qq.com/wpa/qunwpa?idkey=c9ceab313446464f4fe6c0d31076881b5bae96695fb87413e37558724ea48d00'],
["郵我📧📬", 'https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=YwQWDBsKDRoWW1FUUlZWUFVaIwUMGw4CCg9NAAwO'],
["草莓奶油蛋糕🍰-女友", 'https://www.cnblogs.com/-lcy-'],
["申請坑位", 'https://msg.cnblogs.com/send/guoxinyu'],
],
bottomText: {
left : "埋骨何須桑梓地",
icon: "❤️",
right: "人生何處不青山",
},
consoleList: [
['青墟 CNBlogs', 'https://www.cnblogs.com/guoxinyu/'],
['青墟 zhihu', 'https://zhihu.com/people/guo-xin-yu-5-7'],
['青墟 Email', 'guoxinyu827155369@foxmail.com'],
],
essayTopAnimationRendered: false,
essayTopImg: [
"https://cf.cndrew.cn/images/2020/03/07/VernalEquinoxOrchid_ZH-CN10226406786_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/AKFox_ZH-CN8586782340_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/Apollo15Composite_EN-AU10046867284_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/NorthPole_EN-AU14115177583_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/Aoraki_ZH-CN7776353328_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/NottulnHerbst_ZH-CN9638949027_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/HighlandTige_EN-AU12082780452_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/WallofPeace_ZH-CN5582031878_1920x1080.jpg",
"https://cf.cndrew.cn/images/2020/03/07/DoorGods_ZH-CN12360444323_1920x1080.jpg"
],
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.2.6/src/script/simpleMemory.min.js"></script> //加載BNDong的主題
<script src="https://files.cnblogs.com/files/guoxinyu/Valine.min.js"></script> //加載純前端的Valine
<div><a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=c9ceab313446464f4fe6c0d31076881b5bae96695fb87413e37558724ea48d00"><img border="5" src="https://pub.idqqimg.com/wpa/images/group.png" alt="青墟的全球粉絲群" title="青墟的全球粉絲群"></a></div>
<script async src="https://cdn.jsdelivr.net/npm/perfops-rom"></script>
<div><a target="_blank" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=YwQWDBsKDRoWW1FUUlZWUFVaIwUMGw4CCg9NAAwO" style="text-decoration:none;"><img src="https://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png"/></a></div>
觀眾看了我的代碼以后也可以魔改一下
頁腳代碼
addthis看上去好，但是也會很檔視野，而且誰沒事干會天天分享我的文章。
心知天氣的插件
可以自己申請，也可以用我的，反正是自動識別當前IP所在地址，並發送當地天氣預報的
APlayer音樂播放器，
我沒有放網易雲歌單ID，因為只想放一兩首自己喜歡聽的，用不着一大堆歌單礙眼睛。但他也有缺點，手機端看文章的時候，歌詞會把屏幕下面的字擋住，所以直接不用了
劉志進音樂直鏈實驗室
百度搜到的網站上Mp3也經常會失效，所以我推薦想要找MP3資源的同學使用劉志進音樂直鏈實驗室，直接獲得各大音樂平台的MP3直鏈，很方便。
<!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=不告訴你哈哈哈"></script>
<div id="tp-weather-widget"></div> //心知天氣的插件，可以自己申請，也可以用我的，反正是自動識別當前IP所在地址，並發送當地天氣預報的
<script>
(function(a,h,g,f,e,d,c,b){b=function(){d=h.createElement(g);c=h.getElementsByTagName(g)[0];d.src=e;d.charset="utf-8";d.async=1;c.parentNode.insertBefore(d,c)};a["SeniverseWeatherWidgetObject"]=f;a[f]||(a[f]=function(){(a[f].q=a[f].q||[]).push(arguments)});a[f].l=+new Date();if(a.attachEvent){a.attachEvent("onload",b)}else{a.addEventListener("load",b,false)}}(window,document,"script","SeniverseWeatherWidget","//cdn.sencdn.com/widget2/static/js/bundle.js?t="+parseInt((new Date().getTime() / 100000000).toString(),10)));
window.SeniverseWeatherWidget('show', {
flavor: "bubble",
location: "WTSTB2RFJXXJ",
geolocation: true,
language: "auto",
unit: "c",
theme: "auto",
token: "2b619358-07c7-41be-9b3e-3c2e8c51a7ec",
hover: "enabled",
container: "tp-weather-widget"
})
</script>
//APlayer音樂播放器，我沒有放網易雲歌單ID，因為只想放一兩首自己喜歡聽的，用不着一大堆歌單礙眼睛。但他也有缺點，手機端看文章的時候，歌詞會把屏幕下面的字擋住，所以直接不用了
//百度搜到的網站上Mp3也經常會失效，所以我推薦想要找MP3資源的同學使用劉志進音樂直鏈實驗室，直接獲得各大音樂平台的MP3直鏈，很方便。
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<meting-js
name="圈住你"
artist="一口甜"
cover="https://star.kuwo.cn/star/starheads/180/56/43/4179086288.jpg"
url="https://sharefs.yun.kugou.com/202002040045/49503d7c65367698f62cdda2f60dca76/G154/M09/09/00/2g0DAFz_MaOACTG4ACuHg8Y7vv8021.mp3"
fixed="true">
<pre hidden>
[00:00.25]一口甜 - 圈住你
[00:00.96]作詞：蘇效音
[00:01.16]作曲：蘇效音
[00:01.60]編曲：王中易、高漠伊
[00:02.36]制作人：王中易、高漠伊
[00:02.71]錄音：李亞男
[00:02.91]混音：張鳴利
[00:03.11]和聲：馮楚迪
[00:03.32]和聲編寫：馮楚迪
[00:03.57]統籌：王藝園
[00:03.77]制作團隊：伊格賽聽
[00:04.12]錄音室、制作公司：Hikoon Music
[00:04.48]OP：嗨庫文化
[00:09.80]把控好時機要引你注意
[00:11.93]真的有些傷腦筋
[00:14.26]疑慮太多余為難了空氣
[00:16.68]只能夠選擇遲疑
[00:18.97]如往常的猶豫
[00:21.29]不然就去多看風景
[00:23.72]一整晚的失意
[00:26.05]所有感受都為你
[00:28.53]愛本就沒有定律
[00:30.40]反正我選擇認命
[00:31.77]呼吸隨你的溫柔變越來越輕
[00:34.05]讓我搭把手放下你的憂愁
[00:36.43]早就習慣為你自由的沖動
[00:38.81]如果你點頭我就不退后
[00:41.24]多漫長的黑夜白天
[00:42.50]我都可以等候
[00:44.02]碰巧在這個時空在這座星球
[00:46.44]終於和你邂逅
[00:47.85]有一種過度反應
[00:50.08]是收到你的指令
[00:52.46]遠距離捉摸不定
[00:54.89]但時間也能擺平
[00:57.27]有太多不可思議
[00:59.64]一直都樂此不疲
[01:02.02]把心態好好放輕
[01:04.09]如果有超能力
[01:05.36]圈住你
[01:26.52]把控好時機要引你注意
[01:28.70]真的有些傷腦筋
[01:31.08]疑慮太多余為難了空氣
[01:33.56]只能夠選擇遲疑
[01:35.68]如往常的猶豫
[01:38.06]不然就去多看風景
[01:40.54]一整晚的失意
[01:42.82]所有感受都為你
[01:45.40]愛本就沒有定律
[01:47.18]反正我選擇認命
[01:48.44]呼吸隨你的溫柔變越來越輕
[01:50.81]讓我搭把手放下你的憂愁
[01:53.19]早就習慣為你自由的沖動
[01:55.67]如果你點頭我就不退后
[01:58.00]多漫長的黑夜白天
[01:59.25]我都可以等候
[02:00.68]碰巧在這個時空在這座星球
[02:03.17]終於和你邂逅
[02:04.69]有一種過度反應
[02:06.82]是收到你的指令
[02:09.15]遠距離捉摸不定
[02:11.54]但時間也能擺平
[02:14.06]有太多不可思議
[02:16.39]一直都樂此不疲
[02:18.87]把心態好好放輕
[02:20.84]如果有超能力
[02:22.15]圈住你
[02:24.03]有一種過度反應
[02:26.10]是收到你的指令
[02:28.53]遠距離捉摸不定
[02:30.82]但時間也能擺平
[02:33.25]有太多不可思議
[02:35.52]一直都樂此不疲
[02:38.00]把心態好好放輕
[02:40.08]如果有超能力
[02:41.34]圈住你
</pre>
</meting-js>
//歌詞還得自己導出放在博客后台。想學的話話在本博客里找一下lrc就能看到歌詞怎么弄
現在我的頁腳只放了一個心知天氣的插件了。
krc2lrc歌詞解密👉【Blog怎么玩】學長教你怎么在博客里播放音樂+krc轉lrc(krc2lrc)
Tctip打賞插件
<!--打賞 Start-->
<script>
window.tctipConfig = {
staticPrefix: "https://static.tctip.com",
buttonImageId: 5,
buttonTip: "dashang",
list:{
alipay: { qrimg: "https://images.cnblogs.com/cnblogs_com/guoxinyu/1630180/t_2001150514411579065240.png?a=1580742976825",desc:"大爺給口飯吃"},
weixin: {qrimg: "https://files.cnblogs.com/files/guoxinyu/weipay.bmp",desc:"大爺賞個吃的"},
litecoin:{qrimg:"https://files.cnblogs.com/files/guoxinyu/weipay.bmp",desc:"大爺行行好"},
bitcoin:{qrimg:"https://files.cnblogs.com/files/guoxinyu/weipay.bmp",desc:"大哥大嫂過年好"},
tenpay:{qrimg:"https://files.cnblogs.com/files/guoxinyu/weipay.bmp"},
}
};
</script>
<script src="https://files.cnblogs.com/files/guoxinyu/tctip.gai.min.js" ></script>
<!--打賞 End-->
//tctip這個打賞插件還是不太好看，一直擋在每個頁面上，誰喜歡天天有人催你要錢呢。
最后，關於Scilence主題的代碼記錄就到這里
開始講解Awescnb的主題代碼
Awescnb博客園皮膚主題
DIV狂魔的這個Awescnb非常簡單好用，就算剛開通博客園的新手也很很快上手
安裝
1.你的博客首頁 -> 管理 -> 設置
2.設置博客默認皮膚為 Custom
3.復制如下 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}}
4. 禁用默認 css 樣式
5.復制如下 js 粘貼到 博客側邊欄公告（支持 HTML 代碼）
（支持 JS 代碼） 沒開通 js 權限請先開通.
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>$.awesCnb({
// 在這里寫入配置
// 什么都不寫代表使用默認配置
});
</script>
什么都不寫的默認配置就挺好看的
6.復制如下 html 粘貼到 頁首 HTML.
<div 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>
</div>
7.保存 .
如果你想繼續定制化一些功能, 點我跳轉到寶寶都能看懂的文檔.
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>$.awesCnb({
theme: {
name: 'reacg',
color: '#FFB3CC',
qrcode: '',
title: '',
favicon: 'https://guangzan.gitee.io/awescnb/assets/images/favicon.png',
avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png',
headerBackground: 'https://guangzan.gitee.io/awescnb/assets/images/acg/22.jpg',
},
bodyBackground: {
enable: false,
type: 'color',
value: '#ffb3cc',
opacity: 1,
repeat: false,
},
imagebox: {
enable: false,
},
barrage: {
enable: false,
opacity: 0.5,
colors: [
'#FE0302',
'#FF7204',
'#FFAA02',
'#FFD302',
'#FFFF00',
'#A0EE00',
'#00CD00',
'#019899',
'#4266BE',
'#89D5FF',
'#CC0273',
'#CC0273',
],
barrages: [],
indexBarrages: [],
postPageBarrages: [],
},
back2top: {
enable: true,
right: ''
},
live2d: {
enable: true,
page: 'all',
agent: 'pc',
model: 'random',
width: 150,
height: 200,
position: 'right',
},
github: {
enable: true,
color: '#ffb3cc',
url: 'https://gitee.com/guangzan/awescnb',
},
click: {
enable: true,
page: 'all',
agent: 'pc',
auto: false,
colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
},
lineNumbers: {
enable: true,
},
catalog: {
enable: true,
position: 'left',
},
musicPlayer: {
enable: false,
page: 'all',
agent: 'pc',
autoplay: false,
audio: [
{
name: '紅色高跟鞋',
artist: '李瑨瑤',
url: `https://guangzan.gitee.io/awescnb/assets/music/紅色高跟鞋.mp3`,
cover:
'//p2.music.126.net/ww7gcJ_erzPa8jgZesmTOA==/109951163271403502.jpg?param=90y90',
},
],
},
topProgress: {
enable: false,
page: 'all',
agent: 'pc',
background: '#FFB3CC',
height: '5px',
},
postSignature: {
enable: false,
content: ['轉載請附上原文鏈接，謝謝！'],
},
highLight: {
type: 'atomOneDark',
},
links: [
{
name: 'awesCnb',
link: 'https://gitee.com/guangzan/awescnb',
},
],
})
</script>
8.現在倉庫里共有四套皮膚可以使用
還有GShang大佬貢獻的超好用的博皮，推薦大家用這套主題喲
AweScnb主題效果預覽
我拿新主題的博客來做個示范
特別說明
不過這個博客主題“reacg”有兩個問題，①沒法正常渲染TinyMCE編輯器，②沒法嵌入Valine
