Awescnb
1. 安利几款好看的博客园主题 - CryFace - 博客园 (cnblogs.com)
代码高亮
- 显示行号
- Mac 风格
- 代码字体:Fira Code
- 主题:atom-one-dark
博客侧边栏公告
无
页面定制 CSS 代码
禁用模板默认 CSS
#loading {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
background-color: #f4f5f5;
pointer-events: none;
}
.loader-inner {
will-change: transform;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
background-color: #3742fa;
border-radius: 50%;
animation: scaleout 0.6s infinite ease-in-out forwards;
text-indent: -99999px;
z-index: 999991;
}
@keyframes scaleout {
0% {
transform: scale(0);
opacity: 0;
}
40% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
页首 HTML 代码
<div id="loading"><div class="loader-inner"></div></div>
页脚 HTML 代码
<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
<script>
const config = {
darkMode: {
enable: true,
darkDefault: true,
},
theme: {
name: 'geek',
color: '#c1a177',
avatar: 'https://pic.cnblogs.com/avatar/3389865/20240207234337.png',
headerBackground: 'https://images.cnblogs.com/cnblogs_com/blogs/816612/galleries/2377873/o_240212074031_headerBackground.png'
},
signature: {
enable: true,
contents: [
"<i style='color:#dadcdd;font-size:20px;'>Planning to fly away,Let's start at the <i style='color:#eda5d3'>r</i><i style='color:#e9cdc9'>a</i><i style='color:#f8edd1'>i</i><i style='color:#d8e6d5'>n</i><i style='color:#a5e5f1'>b</i><i style='color:#99cdf2'>o</i><i style='color:#c4b9fe'>w</i>.</i>",
],
},
catalog: {
enable: true,
position: 'left'
},
bodyBackground: {
enable: true,
value:'https://images.cnblogs.com/cnblogs_com/blogs/816612/galleries/2377873/o_240212074030_bodyBackground.png',
opacity: 0.9,
repeat: false,
},
github: {
enable: false,
url: 'https://github.com/luxuxl',
},
tools: {
enable: false,
initialOpen: false,
},
donation: {
enable: true,
qrcodes: ["https://images.cnblogs.com/cnblogs_com/blogs/816612/galleries/2377873/o_240209173123_receive.jpg"],
},
}
$.awesCnb(config)
</script>