awescnb 主题备份
1.选择主题
2.页面定制 CSS
#loading{background:#000;background:radial-gradient(#222,#000);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.loader-inner{bottom:0;height:60px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap{animation:spin 2s cubic-bezier(0.175,0.885,0.32,1.275) infinite;box-sizing:border-box;height:50px;left:0;overflow:hidden;position:absolute;top:0;transform-origin:50% 100%;width:100px}.loader-line{border:4px solid transparent;border-radius:100%;box-sizing:border-box;height:100px;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap:nth-child(1){animation-delay:-50ms}.loader-line-wrap:nth-child(2){animation-delay:-0.1s}.loader-line-wrap:nth-child(3){animation-delay:-150ms}.loader-line-wrap:nth-child(4){animation-delay:-0.2s}.loader-line-wrap:nth-child(5){animation-delay:-250ms}.loader-line-wrap:nth-child(1) .loader-line{border-color:#ea4747;height:90px;width:90px;top:7px}.loader-line-wrap:nth-child(2) .loader-line{border-color:#eaea47;height:76px;width:76px;top:14px}.loader-line-wrap:nth-child(3) .loader-line{border-color:#47ea47;height:62px;width:62px;top:21px}.loader-line-wrap:nth-child(4) .loader-line{border-color:#47eaea;height:48px;width:48px;top:28px}.loader-line-wrap:nth-child(5) .loader-line{border-color:#4747ea;height:34px;width:34px;top:35px}@keyframes spin{0%,15%{transform:rotate(0)}100%{transform:rotate(360deg)}}
// 文章统计优化
.message-bottom {
margin-top: 10px;
}
.message-bottom span {
margin-right: 10px;
}
3.页首html代码
<div id="loading">
<div class="loader-inner">
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
</div>
</div>
4.页脚html代码
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/qmzbe/geek.v1.0.0.css">
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
const opts = {
theme: {
name: 'geek',
avatar: 'https://pic.cnblogs.com/avatar/955921/20210310231644.png',
favicon: 'https://img.alicdn.com/imgextra/i1/O1CN01HvRSoA1yfb7WcDsXJ_!!6000000006606-73-tps-32-32.ico',
headerBackground: 'https://img2020.cnblogs.com/blog/955921/202110/955921-20211016215423940-2133221804.png'
},
signature: {
enable: false,
contents: [
"一念放下，万般自然。",
"<b>为梦想🍺</b>",
],
},
links: [
{
name: '<i class="fas fa-globe fa-fw" aria-hidden="true"></i>网站导航',
link: '/qmzbe/p/15466089.html'
},
{
name: '<i class="fas fa-user-friends fa-fw" aria-hidden="true"></i>友情链接',
link: '/qmzbe/p/14746874.html',
},
{
name: '<i class="fa fa-comment fa-fw" aria-hidden="true"></i> 留言板',
link: '/qmzbe/p/14666353.html',
},
{
name: '<i class="fa fa-book fa-fw" aria-hidden="true"></i> 文档手册',
link: '/qmzbe/p/15465798.html',
}, {
name: '<i class="fa fa-trophy fa-fw" aria-hidden="true"></i> 主题博客',
link: '/qmzbe/p/15458859.html',
}, {
name: '<i class="fa fa-user fa-fw" aria-hidden="true"></i> 关于博主',
link: '/qmzbe/p/14880778.html',
},
// ....
],
}
$.awesCnb(opts)
// $.get("https://zzk.cnblogs.com/my/s/blogpost-p?Keywords=hexo",function(data,status){
// console.log("Data: " + data + "\nStatus: " + status);
// });
</script>
<script type="text/javascript" language="javascript">
//Setting ico for cnblogs
var linkObject = document.createElement('link');
linkObject.rel = "shortcut icon";
linkObject.href = "https://img.alicdn.com/imgextra/i1/O1CN01HvRSoA1yfb7WcDsXJ_!!6000000006606-73-tps-32-32.ico";
document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>
5.自定义样式代码
#post_detail .postTitle {
text-align: center;
background:linear-gradient(to right, #ff6a6a, #008dff);
-webkit-background-clip:text;
color:transparent;
}
.cnblogs-markdown a {
color: #ff6a6a;
}
/* 彩色标签 */
.catListTag {
margin: 20px 0;
clear: both;
text-align: left;
font-size: 12px;
}
.catListTag ul {
display: inline;
list-style-type: none;
/* width: 400px; */
}
.catListTag ul li a {
list-style: none;
display: inline;
}
.catListTag ul li a {
/* line-height: 24px; */
height: 24px;
display: inline-block;
/* background: #fff; */
padding: 2px 11px;
/* margin: 10px 5px 0 0; */
border-radius: 8px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.catListTag ul li a {
color: #FFF;
text-decoration: none
}
.catListTag ul li a:hover {
border-radius: 0;
text-shadow: #000 1px 1px 1px
}
.catListTag ul li:nth-of-type(8n-7) a {
background: #8A9B0F
}
.catListTag ul li:nth-of-type(8n-6) a {
background: #EB6841
}
.catListTag ul li:nth-of-type(8n-5) a {
background: #3FB8AF
}
.catListTag ul li:nth-of-type(8n-4) a {
background: #FE4365
}
.catListTag ul li:nth-of-type(8n-3) a {
background: #FC9D9A
}
.catListTag ul li:nth-of-type(8n-2) a {
background: #EDC951
}
.catListTag ul li:nth-of-type(8n-1) a {
background: #C8C8A9
}
.catListTag ul li:nth-of-type(8n) a {
background: #83AF9B
}
.catListTag ul li:first-child a {
background: #036564
}
.catListTag ul li:last-child a {
background: #3299BB
}
/* 彩色分类 */
#sidebar_postcategory ul {
display: flex;
flex-wrap: wrap;
}
#sidebar_postcategory {
margin: 20px 0;
clear: both;
text-align: left;
font-size: 12px;
}
#sidebar_postcategory ul {
/* display: inline; */
list-style-type: none;
/* width: 400px; */
}
#sidebar_postcategory ul li a {
list-style: none;
display: inline;
}
#sidebar_postcategory ul li a {
/* line-height: 24px; */
height: 24px;
display: inline-block;
/* background: #fff; */
padding: 2px 11px;
/* margin: 10px 5px 0 0; */
border-radius: 8px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#sidebar_postcategory ul li a {
color: #FFF;
text-decoration: none
}
#sidebar_postcategory ul li a:hover {
border-radius: 0;
text-shadow: #000 1px 1px 1px
}
#sidebar_postcategory ul li:nth-of-type(8n-7) a {
background: #8A9B0F
}
#sidebar_postcategory ul li:nth-of-type(8n-6) a {
background: #EB6841
}
#sidebar_postcategory ul li:nth-of-type(8n-5) a {
background: #3FB8AF
}
#sidebar_postcategory ul li:nth-of-type(8n-4) a {
background: #FE4365
}
#sidebar_postcategory ul li:nth-of-type(8n-3) a {
background: #FC9D9A
}
#sidebar_postcategory ul li:nth-of-type(8n-2) a {
background: #EDC951
}
#sidebar_postcategory ul li:nth-of-type(8n-1) a {
background: #C8C8A9
}
#sidebar_postcategory ul li:nth-of-type(8n) a {
background: #83AF9B
}
#sidebar_postcategory ul li:first-child a {
background: #036564
}
#sidebar_postcategory ul li:last-child a {
background: #3299BB
}
.favourite.side-wrapper ul li:nth-child(1) a i::before {
color: #3273dc;
}
.favourite.side-wrapper ul li:nth-child(2) a i::before {
color: #00d1b2;
}
.favourite.side-wrapper ul li:nth-child(3) a i::before {
color: #ffd257;
}
.favourite.side-wrapper ul li:nth-child(4) a i::before {
color: #48c774;
}
.favourite.side-wrapper ul li:nth-child(5) a i::before {
color: #EB6841;
}
.favourite.side-wrapper ul li:nth-child(6) a i::before {
color: #e7339f;
}
#sidebar_postcategory .catListTitle::before {
content:'\f07c ';
color: #3fb8af;
}
#sidebar_toptags .catListTitle::before {
content:'\f02c ';
color: #3fb8af;
}
.catListView .catListTitle::before {
content:'\f091 ';
color: #ea7c2d;
}
.custom-card-title:before {
color: #1b86f9;
}
/* 代码块阴影 */
#cnblogs_post_body.blogpost-body-html pre, #mainContent .cnblogs-markdown pre {
box-shadow: 0px 0px 10px 1px #b3a5b1;
}
/* 内容图片阴影 */
#cnblogs_post_body.blogpost-body-html img, #mainContent .cnblogs-markdown img {
box-shadow: 0px 0px 10px 1px #b3a5b1;
}
/* 日历阴影 */
#custom-calendar {
/* padding: 18px 18px 0 18px; */
box-shadow: 0px 0px 10px 1px #b3a5b1;
}
