页面 css
点击查看代码
:root{--color-basic-1000: #d5d4ec;--color-basic-1100: #000;--color-basic-1200: rgb(255,255,255);}/*#f7f2a0*/
:root[theme=dark]{--color-basic-1000: #574a73;--color-basic-1100: #ccc;--color-basic-1200: #151728;}
#cnblog-nav a:nth-child(1) span:before {color: #4a3a67!important;}/*#f27470*/
#cnblog-nav a:nth-child(2) span:before {color: #736c80!important;}/*#fac*/
#cnblog-nav a:nth-child(3) span:before {color: #a298a9!important;}/*#bac*/
#cnblog-nav a:nth-child(4) span:before {color: #beb7c1!important;}/*#add*/
#cnblog-nav a:nth-child(5) span:before {color: #d3ced7!important;}/*#adb*/
#cnblog-nav a:nth-child(6) span:before {color: #d7d7df!important;}/*#ad7*/
#cnblog-nav a:nth-child(7) span:before {color: #e6e6eb!important;}/*#ad7*/
.event-wrapper .event-date .event-month {background-color: #a39eb1!important;display: none!important;} /*#9dcded*/
.event-wrapper .event-date .event-day{display: none!important;}
.event-wrapper .event-title{display: none!important;}
.event-wrapper .event-subtitle{display: none!important;}
.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;
}
.message-top .message-categories a {
background-color: #85669c!important;
border: 1px solid #85669c!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;}
#cnblogs_post_body.blogpost-body-html a, #mainContent .cnblogs-markdown a{color: #cbcaea!important;}
.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code{color: #5130a3!important;}
.custom-card.top .custom-card-title:before{color: #bd9dd0!important;}
.event-wrapper{
border-radius: 10px!important;
background-image: url("https://c2.im5i.com/2022/11/04/XjjOd.png")!important;
/* https://c2.im5i.com/2022/11/04/XjrML.jpg */
background-size: cover!important;
width: 100%;padding-top: 25%!important;
}
.event-wrapper img{display:none!important;}
.event-wrapper{background-color: var(--color-basic-1200)!important;}
/* 初始的 */
/* #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:#a39eb1;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)}}
侧边栏 HTML
点击查看代码
<!-- @format -->
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
const opts = {
theme: {
color:'#a39eb1',//#9dcded
name: 'geek',
avatar: 'https://cdn.luogu.com.cn/upload/usericon/253532.png',//https://c2.im5i.com/2022/11/04/XbmES.jpg
headerBackground: 'https://w.wallhaven.cc/full/rd/wallhaven-rdx5lj.png'
// https://c2.im5i.com/2022/08/22/uCAyy.jpg
// https://c2.im5i.com/2022/11/04/XbR9l.png
},
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: false,
autoLight: true,
},
catalog: {
enable: true,
position: 'rignt',
},
signature: {
enable: false,
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.",
},
{
name: 'Gotta Have You',
artist: 'The Weepies,Deb Talan,Steve Tannen',
url:
'http://music.163.com/song/media/outer/url?id=19572271.mp3',
cover:
'http://p1.music.126.net/EUF1CK9GOrtT0ykWrv5jkQ==/109951167031383017.jpg?param=130y130',
lrc:
"[00:00.000] 作曲 : The Weepies[00:01.000] 制作人 : Steve Tannen/Deb Talan[00:15.290]Gray' quiet and tired and mean[00:20.769]Picking at a worried seam[00:23.289]I try to make you mad at me over the phone[00:27.799]Red eyes and fires and signs[00:32.709]I'm taken by a nursery rhyme[00:36.189]I want to make a ray of sunshine and never leave home[00:41.159]No amount of coffee[00:42.390]No amount of crying[00:44.239]No amount of whiskey[00:45.390]No amount of wine[00:47.390]No No No No No[00:51.029]nothing else will do[00:52.999]I've gotta have you[00:54.519]I've gotta have you[00:56.579][01:06.449]The road gets cold[01:10.600]There's no spring in the middle this year[01:15.390]I'm the new chicken clucking open hearts and ears[01:22.089]Oh' such a prima donna[01:24.529]Sorry for myself[01:27.529]But green' it is also summer[01:31.390]And i won't be warm till i'm lying in your arms[01:36.628]No amount of coffee[01:39.569]No amount of crying[01:41.058]No amount of whiskey[01:42.518]No amount of wine[01:43.518]No No No No No[01:46.669]nothing else will do[01:49.309]I've gotta have you[01:50.390]I've gotta have you[01:53.209][02:04.599]I see it all through a telescope[02:09.088]Guitar' suitcase' and a warm coat[02:13.108]Lying in the back of the blue boat[02:16.288]Humming a tune...[02:17.790][02:32.498]No amount of coffee[02:34.098]No amount of crying[02:35.667]No amount of whiskey[02:37.567]No wine. No No No No No[02:41.738] nothing else will do[02:43.998]I've gotta have you[02:45.748]I've gotta have you[02:46.538]No amount of coffee[02:48.258]No amount of crying[02:50.289]No amount of whiskey[02:51.770]No amount of wine[02:53.288]No No No No No[02:56.088]No' nothing else will do[02:58.438]I've gotta have you[02:59.589]I've gotta have you[03:02.698]I've gotta have you[03:06.597]I've gotta have you[03:09.198]I've gotta have you",
},
{
name: 'Tongue Tied(feat. Bri Tolani)',
artist: 'Daïtshi,Bri Tolani',
url:
'http://ws.stream.qqmusic.qq.com/C400001A2sFl2vf4tS.m4a?guid=813621914&vkey=92274BA4FA6E98C83398C95FCC77D760CCC0144B131D9F6C3CCA0C1F93E291FD7E5CD7179D311FA78F6C25FC222D3C7E1682D71BBEE3582C&uin=&fromtag=120032',
cover:
'https://y.qq.com/music/photo_new/T002R300x300M000003nNCZc247gYw_1.jpg?max_age=2592000',
lrc:
"[ti:Tongue Tied][ar:Daitshi/Bri Tolani][al:Tongue Tied][by:][offset:0][00:00.00]Tongue Tied(feat. Bri Tolani) - Daïtshi/Bri Tolani[00:01.74]I've always written down what's out on a page[00:04.79][00:05.47]Cause sometimes I just can't speak[00:09.32][00:10.40]But hang a curtain on an empty stage I stay inside my deep[00:18.47]And I know that is hard for you to hear me calling out[00:22.71][00:23.24]When I'm tongue tied[00:27.06]And even though I know it burning up[00:30.02]And bottled up inside[00:32.09]I'm still tongue tied[00:34.95][01:30.51]I've always found a way to get it out[01:33.32][01:34.41]I never needed you[01:37.93][01:39.29]But now I want it out scream it out[01:42.57][01:43.72]But this is something I just can't do[01:46.78][01:47.37]And I know that is hard for you to hear me calling out[01:51.53][01:52.15]When I'm tongue tied[01:56.00]And even though I know it burning up and bottled up inside[02:01.01]I'm still tongue tied",
},
{
name: 'Proud Of You',
artist: '冯曦妤',
url:
'http://ws.stream.qqmusic.qq.com/C400001m1FNA3ofQhB.m4a?guid=582571528&vkey=8297B5A5D9101D19DD9B7AE46F380983545DFCCD371D13AC73AB177198EB7D20A25E47BE906EDB7C2E410E40AD6A6B7C54570D3249A5A51F&uin=&fromtag=120032',
cover:
'https://y.qq.com/music/photo_new/T002R300x300M000003JtFWs496kCE_1.jpg?max_age=2592000',
lrc:
"[ti:Proud of You][ar:冯曦妤][al:A Little Love][by:][offset:0][00:00.00]Proud Of You - 冯曦妤 (Fiona Fung)[00:02.95]词:Anders Lee[00:05.90]曲:陈光荣[00:08.85]编曲:陈光荣[00:11.81]Love in your eyes[00:14.00]Sitting silent by my side[00:17.00]Going on[00:18.50]Holding hands[00:19.92]Walking through the nights[00:22.87]Hold me up[00:24.30]Hold me tight[00:25.74]Lift me up to touch the sky[00:28.66]Teaching me to love with heart[00:31.66]Helping me open my mind[00:34.53]I can fly[00:36.34]I'm proud that I can fly[00:39.28]To give the best of mine[00:42.14]Till the end of the time[00:45.14]Believe me I can fly[00:48.01]I'm proud that I can fly[00:50.95]To give the best of mine[00:53.87]The heaven in the sky[01:00.32][01:10.32]Stars in the sky[01:12.56]Wishing once upon a time[01:15.43]Give me love[01:16.93]Make me smile[01:18.42]Till the end of life[01:21.29]Hold me up[01:22.73]Hold me tight[01:24.29]Lift me up to touch the sky[01:27.16]Teaching me to love with heart[01:30.10]Helping me open my mind[01:33.03]I can fly[01:34.83]I'm proud that I can fly[01:37.71]To give the best of mine[01:40.70]Till the end of the time[01:43.63]Believe me I can fly[01:46.45]I'm proud that I can fly[01:49.44]To give the best of mine[01:52.37]The heaven in the sky[02:06.34]Can't you believe that[02:08.16]You light up my way[02:10.78]No matter how dark is my path[02:14.34]I'll never lose my faith[02:16.89]See me fly[02:18.70]I'm proud to fly up high[02:21.57]Show you the best of mine[02:24.50]Till the end of the time[02:27.44]Believe me I can fly[02:30.43]I'm singing in the sky[02:33.30]Show you the best of mine[02:36.18]The heaven in the sky[02:41.29]Nothing can stop me[02:43.98]Spread my wings so wide",
},
],
},
}
$.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://blog-static.cnblogs.com/files/xuange306/mouse.min.js"></script>
<script type="text/javascript">
$.shuicheMouse({
type:7, //6 7 8(一般) 11!!! 12还行但是卡
color:"#dedeeb"//#8ebae7
})
</script>