Blog主题设置
Blog主题设置
awescnb
2021.12.03 - 2022.02.08
- 博客皮肤选择Custom
- 开通JS权限
- 参考awescnb
页面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:99999!important;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0!important;}}
/* #loading{position:fixed;width:100%;height:100%;background-color:#fff;z-index:999}.boxLoading{width:50px;height:50px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0}.boxLoading:before{content:'';width:50px;height:5px;background:#000;opacity:.1;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.boxLoading:after{content:'';width:50px;height:50px;background:#ffb3cc;animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,0.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}} */
/* #mainContent .cnblogs-markdown code {
font-family: Consolas,Lucida Console,Monaco,Andale Mono,Ubuntu Mono,monospace !important;
font-size: 18px !important;
margin: 0;
word-break: break-word !important;
border: none !important;
} */
/* #mainContent .cnblogs-markdown code pre {
font-family: Consolas,Lucida Console,Monaco,Andale Mono,Ubuntu Mono,monospace !important;
font-size: 18px !important;
margin: 0;
word-break: break-word !important;
border: none !important;
}
#mainContent .cnblogs-markdown code span {
font-family: Consolas,Lucida Console,Monaco,Andale Mono,Ubuntu Mono,monospace !important;
font-size: 18px !important;
margin: 0;
word-break: break-word !important;
border: none !important;
} */
//修改代码块字体大小
#mainContent .cnblogs-markdown .hljs {
font-size: 16px !important;
}
//ref:https://www.cnblogs.com/tianzhijiexian/p/4248585.html
//ref:https://www.cnblogs.com/lfri/p/10008472.html
页首
<div id="loading"><div class="loader-inner"></div></div>
<!-- <div id="loading"><div class="boxLoading"></div></div> -->
页脚
<!-- @format -->
<!-- <script src="https://guangzan.gitee.io/awescnb/index.js"></script> -->
<script src="https://guangzan.gitee.io/awescnb/index.js?version=1.1229"></script>
<script>
//参考 https://www.yuque.com/awescnb/user/rycpvv#SsOfJ
const opts = {
// 基本配置
theme: {
name: 'reacg',
color: '#00B271',
title: 'XCBlog',
avatar: 'https://s2.loli.net/2022/01/22/gGPZXb6ImaoYWEe.jpg',
favicon: 'https://s2.loli.net/2022/01/21/W1QsBevXF2VRjnk.png',
headerBackground: 'https://s2.loli.net/2021/12/12/h2bxU9l3fdZY8SR.jpg',
},
// 代码高亮
highLight: {
enable: true,
},
// 代码行号
// lineNumbers: {
// enable: true,
// },
// github图标
github: {
enable: true,
url: 'https://github.com/XiaochengYe',
},
// 码云图标
gitee: {
enable: false,
url: 'https://gitee.com/xiaochengye',
},
// 图片灯箱
imagebox: {
enable: true,
},
// 文章目录
catalog: {
enable: true,
},
// 右下角按钮组
tools: {
enable: true,
},
// live2d模型
live2d: {
enable: false,
model: 'shifuku',
},
// 点击特效
click: {
enable: true,
auto: false,
colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
size: 5,
maxCount: 15,
},
// 评论输入框表情
// emoji: {
// enable: true,
// },
// 暗色模式
darkMode: {
enable: true,
autoDark: true,
autoLight: true,
},
// 随笔头图
postTopimage: {
enable: false,
},
// 随笔尾图
postBottomimage: {
enable: false,
},
// 个性签名
signature: {
enable: true,
contents: ["仰天大笑出门去，归来倚杖自叹息."],
},
// 打赏二维码
donation: {
enable: true,
qrcodes: ['https://s2.loli.net/2021/12/15/uvBkEOJRGIKyT4L.jpg'],
},
// 侧边栏二维码
qrcode: {
enable: false,
img: '',
desc: '',
},
// 弹出公告
notice: {
enable: false,
text: [],
},
// 首页列表图
indexListImg: {
enable: true,
},
// 顶部加载进度条
topProgress: {
enable: true,
},
// 随笔页尾部签名
postSignature: {
enable: true,
content: [],
licenseName: '',
licenseLink: '',
},
// 音乐播放器
musicPlayer: {
enable: true,
autoplay: true,
page: 'all',
// agent: 'pc',
volume: 0.2,
lrc: {
enable: true, // 启用歌词
type: 1, // 1 -> 字符串歌词 3 -> url 歌词
color: '#10ac84', // 颜色
},
audio: [
{
name: '绿之座',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469933.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:緑の座][00:01.00] 作曲 : 増田俊郎[00:05.008]红尘沙滚滚，晨曦雾漫漫，方知伊人已相伴[00:10.0][00:13.76]纯音乐[00:14.0]",
},
{
name: '笼之中',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469772.mp3',
cover: 'https://p1.music.126.net/eGmx8Ief_Ht83WL2Z0GrwA==/5659186348223730.jpg?param=34y34',
lrc: "[ti:籠のなか][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '海之宮',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469737.mp3',
cover: 'https://p1.music.126.net/eGmx8Ief_Ht83WL2Z0GrwA==/5659186348223730.jpg?param=34y34',
lrc: "[ti:沖つ宮][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '笔之海',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469724.mp3',
cover: 'https://p1.music.126.net/eGmx8Ief_Ht83WL2Z0GrwA==/5659186348223730.jpg?param=34y34',
lrc: "[ti:筆の海][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '睑之光',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469868.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:瞼の光][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '吸露之群',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469896.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:露を吸う群][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '眇之魚',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469821.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:眇(すがめ)の魚][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '来自海境',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469873.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:海境(うなさか)より][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '天边之丝',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469720.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:天辺の糸][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
{
name: '春之啸',
artist: '増田俊郎',
url: 'http://music.163.com/song/media/outer/url?id=469742.mp3',
cover: 'https://p2.music.126.net/q9RlYhmIAIMsfhsihCjDFQ==/2479398720652190.jpg?param=34y34',
lrc: "[ti:春と嘯く][00:04.008] 作曲 : 増田俊郎[00:05.008]纯音乐[00:10.0]",
},
],
},
// 背景图片或颜色
bodyBackground: {
enable: true,
// value: '#2A2A2A',
value: 'https://image11.m1905.cn/uploadfile/2014/0811/20140811020124647540.jpg',
opacity: 0.95,
repeat: false,
},
// 弹幕
barrage: {
enable: false,
},
// 图表
charts: {
enable: false,
},
// 锁屏
lock: {
enable: true,
background: 'https://s2.loli.net/2022/01/22/5XmHs21VpTMg3ok.jpg',
strings: [
'汩余若將不及兮，恐年歲之不吾與。',
],
},
//md拟真画笔
notation: {
enable: true,
},
//标签通知
notice:{
enable: false,
text: ['🔯双击导航条锁屏'],
},
// 自定义链接链接
links: [
{
name: 'myblog from Hexo',
link: 'https://xiaochengye.github.io/',
},
],
}
$.awesCnb(opts)
</script>
SimpleMemory
2022.02.08 -
