页面定制css
点击查看代码
:root{--color-basic-1000: #f7f2a0;--color-basic-1100: #000;}
:root[theme=dark]{--color-basic-1000: #514076;--color-basic-1100: #ccc;}
#cnblog-nav a:nth-child(1) span:before {color: #f27470!important;}
#cnblog-nav a:nth-child(2) span:before {color: #fac!important;}
#cnblog-nav a:nth-child(3) span:before {color: #bac!important;}
#cnblog-nav a:nth-child(4) span:before {color: #add!important;}
#cnblog-nav a:nth-child(5) span:before {color: #adb!important;}
#cnblog-nav a:nth-child(6) span:before {color: #ad7!important;}
#cnblog-nav a:nth-child(7) span:before {color: #ffc0cb!important;}
.event-wrapper .event-date .event-month {background-color: #9dcded!important;} //#a39eb1
.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code{font-family: Fira Code,Consolas!important;}
pre code.hljs {font-family: Fira Code,Consolas!important;}
body {
font-family: "LMDYNLZT","AaManYuShouXieTijf",ink free,Fira Code,"idchuxinshaonvtij",Consolas!important;
font-size: 12px;
min-height: 101%;
}
#catalog{font-family: "LMDYNLZT","AaManYuShouXieTijf","idchuxinshaonvtij";}
.custom-signature {text-shadow: 5px 4px 3px rgb(0 0 0);}
.profile-msg p:nth-child(1) {text-shadow: 3px 3px 3px #33354b!important;}
.profile-msg p:nth-child(2) a, .profile-msg p:nth-child(2) span {text-shadow:1px 2px 3px #000;}
#mainContent .cnblogs-markdown mark{
border-radius: 1000px;
background-color: var(--color-basic-1000)!important;
color: var(--color-basic-1100)!important;
}
pre[class*='language-'].highlighter-prismjs, pre code.hljs{
border-radius: 10px!important;
max-height: 500px;
overflow-y: scroll;
overflow-x: hidden;
}
#cnblogs_post_body.blogpost-body-html details[open], #mainContent .cnblogs-markdown details[open]{border-radius: 20px;}
#cnblogs_post_body.blogpost-body-html details, #mainContent .cnblogs-markdown details{border-radius: 20px!important;}
#catalog .catalog-title{font-family: "LMDYNLZT"!important;}
.event-wrapper .event-title{font-family: "LMDYNLZT"!important;}
.event-wrapper .event-subtitle{font-family: "LMDYNLZT"!important;}
a, a:hover, a:link, a:visited{font-family: "LMDYNLZT","AaManYuShouXieTijf","idchuxinshaonvtij";}
.custom-card-actions button{font-family: "LMDYNLZT","AaManYuShouXieTijf","idchuxinshaonvtij"!important;}
.side-wrapper.links a{font-size: 16px!important;}
.MathJax span{font-size: 15px;}
/* 初始的 */
/* #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;}} */
#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:#9dcded;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)}}
侧边栏公告
点击查看代码
<!-- @format -->
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
const opts = {
theme: {
color:'#9dcded',//#a39eb1
name: 'geek',
avatar: 'https://cdn.luogu.com.cn/upload/usericon/253532.png',
headerBackground: 'https://c2.im5i.com/2022/11/04/XbR9l.png'
// https://c2.im5i.com/2022/08/22/uCAyy.jpg
// ...
},
bodyBackground: {
enable: true,
value:'https://img.tt98.com/d/2020/2020052618011748/5ecce267bdb07.jpg',
/*
https://cdn.luogu.com.cn/upload/image_hosting/vvx54pt4.png
https://c2.im5i.com/2022/07/21/UZvHQ.jpg
https://c2.im5i.com/2022/07/21/UZ6A3.jpg
https://c2.im5i.com/2022/07/21/UZSqy.jpg
https://c2.im5i.com/2022/07/21/UZqGs.webp
*/
opacity: 1,
repeat: false,
},
links: [
{
name: 'Luogu',
link: 'https://www.luogu.com.cn/user/253532',
},
{
name: 'Codeforces',
link: 'https://codeforces.com/profile/_yolanda_',
},
{
name: 'zplqwq 可爱捏',
link: 'https://www.luogu.com.cn/user/369904',
},
{
name: '紫名的 zplqwq',
link: 'https://codeforces.com/profile/zplqwq',
},
{
name: 'zyt 好强捏',
link: 'https://www.luogu.com.cn/user/743214',
},
// ....
],
highLight: {
dark: 'atomOneDark',
light: 'atomOneLight',
},
lineNumbers: {
enable: true,
},
imagebox: {
enable: true,
},
darkMode: {
enable: true,
autoDark: true,
autoLight: false,
},
catalog: {
enable: true,
position: 'rignt',
},
signature: {
enable: true,
contents: [
"“陌上人如玉,^500公子世无双!”^1000",
"“容颜如玉,身姿如松,^500翩若惊鸿,婉若游龙。”^1000",
"“天意终究难参,假若登顶成憾,^500与君同添青史几传,成败也当笑看。”^1000",
"“时光作渡,^500眉目成书。”^1000",
"“每一段青春都会老去,^500但是我们的记忆里,^500永远会为羽生结弦留一个位置。”^1000",
"“容颜如玉,^500身姿如松,^500翩若惊鸿,^500婉若游龙。”^1000",
"“命运,^500对勇士低语:^500你无法抵御风暴。^600勇士低声回应:我就是风暴。”^1000",
"“幸得识卿桃花面,^500从此阡陌多暖春。”",
],
},
live2d: {
enable: false,
page: 'all',
agent: 'pc',
model: 'haru-01',
width: 150,
height: 200,
position: 'left',
gap: 'default',
},
musicPlayer: {
enable: true,
autoplay: false,
lrc: {
enable: true, // 启用歌词
type: 1, // 歌词类型 1 -> 字符串 3 -> url
color: '#bac', // 颜色
},
audio: [
{
name: 'Forgettable',
artist: 'Project 46,Olivia',
url:
'http://music.163.com/song/media/outer/url?id=33035577.mp3',
cover:
'http://p1.music.126.net/fFr4AZP046_fkcet25I2HA==/18447606091095568.jpg?param=130y130',
lrc:
"[00:14.63]To the kid in the corner[00:17.28]Trapped in the shadows of doubt.[00:22.13]Passing time till it's over[00:24.39]Just hoping one day you'll be found.[00:28.92]Tell me who threw your chance away?[00:33.16]Did they even know your name?[00:37.18]If you live in the echo[00:39.34]your heart never beats as loud.[00:44.43]you're not invisible.[00:49.04]you're not alone[00:51.81]you worth more than they know.[00:55.32]but you've been running running running.[00:59.96]when you should have known.[01:03.05]you're not forgettable.[01:07.53]forgettable.[01:11.24]forgettable.[01:19.11]I've seen a feel of rejection inside your eyes[01:26.52]whisper of truth, lost in the quiet of nights[01:32.63]I know it's more than you can bear[01:36.92]It may seem like no one cares.[01:40.97]when your world is the darkest[01:43.32]remember the sun will rise.[01:48.14]you're not invisible.[01:52.82]you're not alone[01:55.56]you worth more than they know.[01:59.02]but you've been running running running.[02:03.73]when you should have known.[02:06.76]you're not forgettable.[02:11.23]forgettable.[02:14.93]forgettable.[02:21.89]you're not forgettable[02:24.12]you're not replaceable.[02:26.21]but you're perfect you[02:29.41]you're not invisible[02:31.46]you're not erasable, No.[02:37.80]you're not alone[02:40.59]you worth more than they know.[02:44.00]but you've been running running running.[02:47.85]but you've been running running running.[02:51.82]you're not forgettable.[02:56.34]forgettable.[03:00.02]forgettable.[03:06.91]you're not forgettable.",
},
],
},
}
$.awesCnb(opts)
</script>
页首html
点击查看代码
<!-- 初始 -->
<!-- <div id="loading"><div class="loader-inner"></div></div> -->
<div id="loading"><div class="boxLoading"></div></div>
<!-- 图标更改 -->
<script type="text/javascript" language="javascript">
//Setting ico for cnblogs
var linkObject = document.createElement('link');
linkObject.rel = "shortcut icon";
linkObject.href = "https://blog-static.cnblogs.com/files/blogs/702465/favicon.ico?t=1661064724";
document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>
页脚html
点击查看代码
<!-- 线条背景动画 -->
<script src="https://files.cnblogs.com/files/liyhbk/js.js" color="0,0,0" opacity="1" count="40" zindex="-1">
</script>
<!--点击火花特效-->
<script src="https://files.cnblogs.com/files/monster-jian/mouse-click.js"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
<!-- 鼠标特效 -->
<script src="https://blog-static.cnblogs.com/files/xuange306/mouse.min.js"></script>
<script type="text/javascript">
$.shuicheMouse({
type:7, //6 7 8(一般) 11!!! 12还行但是卡
color:"#8ebae7"
})
</script>