主题展示
重点
博客园一定要申请JS权限!
这个美化使用的主题是 Custom;使用highlight.js渲染引擎!!!要禁用 主题本身的默认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://guangzan.gitee.io/awescnb/index.js"></script>
<script>
const opts = {
theme: {
name: 'geek',
url: "https://acnblogs.gitee.io/acnb-theme-geek/index.iife.js",
log: true,
avatar: "https://images.cnblogs.com/cnblogs_com/blogs/788794/galleries/2372728/o_240116051044_6-22061G41215.jpg",
// "https://blog-static.cnblogs.com/files/blogs/775095/733a851cc36cbf615c31123bfebd85e.gif?t=1668011108", //头像
headerBackground:
"https://blog-static.cnblogs.com/files/blogs/775095/1.gif?t=1668326814", //背景
},
highLight: {
enable: true,
},
lineNumbers: {
enable: true,
},
github: {
enable: false,
url: "https://github.com/tiansztiansz",
},
gitee: {
enable: false,
url: 'https://gitee.com/weiyigeek',
},
click: {
enable: true,
},
emoji: {
enable: true,
},
darkMode: {
enable: true,
autoDark: true,
autoLight: false,
},
qrcode: {
enable: false,
img: 'https://weiyigeek.top/img/wechat-search.png',
desc: 'WeiyiGeek 公众号',
},
donation: {
enable: false,
qrcodes: ['https://cdn.jsdelivr.net/gh/weiyigeek/weiyigeek.github.io/img/reward-alipay.png'],
},
signature: {
enable: true,
contents: [
"<b>为了能到远方,脚下的每一步都不能少.</b>",
"Always keep a beginner's mind, don't forget the beginner's mind.",
"<b>花开堪折直须折,莫待无花空折枝。</b>",
"<b>一件事情不付诸实践,即使在心里想一万遍也是徒然。</b>",
"<b>一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。</b>",
"<b>
标签:03,enable,name,true,博客园,主题,https,com,weiyigeek
From: https://www.cnblogs.com/-CO-/p/17967455