页面定制css
点击查看代码
#cnblog-nav a:nth-child(1) span:before {
display:none;
color: #f27474!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;
}
.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: "AaManYuShouXieTijf",Segoe Print,Fira Code,"idchuxinshaonvtij","KaiTi",Consolas!important;
font-size: 12px;
min-height: 101%;
}
#catalog{
font-family: "AaManYuShouXieTijf","idchuxinshaonvtij","KaiTi";
}
.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 {
/* color: #000!important; */
text-shadow:1px 2px 3px #000;
}
html {//鼠标指针更改
cursor: url('https://files.cnblogs.com/files/yyyzyyyz/%E6%8C%87%E9%92%88.ico'), auto;
}
/* 初始的 */
/* #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',
name: 'geek',
avatar: 'https://cdn.luogu.com.cn/upload/usericon/253532.png',
headerBackground: '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: 0.65,
repeat: false,
},
highLight: {
dark: 'atomOneDark',
light: 'atomOneLight',
},
lineNumbers: {
enable: true,
},
imagebox: {
enable: true,
},
darkMode: {
enable: true,
autoDark: false,
autoLight: false
},
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',
},
emoji: {
enable: true,
buttonIcon: "??",
emojiList: [
{
value: 'https://images.cnblogs.com/cnblogs_com/gshang/1626876/o_2001050555139.png',
label: '',
},
{
value: '??',
label: '笑哭',
},
{
value: '??',
label: '大笑',
},
{
value: '??',
label: '苦笑',
},
{
value: '??',
label: '斜眼笑',
},
{
value: '??',
label: '得意',
},
{
value: '??',
label: '微笑',
},
{
value: '??',
label: '酷！',
},
{
value: '??',
label: '花痴',
},
{
value: '??',
label: '呵呵',
},
{
value: '??',
label: '好崇拜哦',
},
{
value: '??',
label: '思考',
},
{
value: '??',
label: '白眼',
},
{
value: '??',
label: '略略略',
},
{
value: '??',
label: '呆住',
},
{
value: '??',
label: '大哭',
},
{
value: '??',
label: '头炸了',
},
{
value: '??',
label: '冷汗',
},
{
value: '??',
label: '吓死了',
},
{
value: '??',
label: '略略略',
},
{
value: '??',
label: '晕',
},
{
value: '??',
label: '愤怒',
},
{
value: '??',
label: '祝贺',
},
{
value: '??',
label: '小丑竟是我',
},
{
value: '??',
label: '嘘~',
},
{
value: '??',
label: '猴',
},
{
value: '??',
label: '笑笑不说话',
},
{
value: '??',
label: '牛',
},
{
value: '??',
label: '啤酒',
},
{
value: '(=?ω?=)',
label: '',
},
{
value: '(｀?ω?′)',
label: '',
},
{
value: '(°?°)?',
label: '',
},
{
value: '←_←',
label: '',
},
{
value: '→_→',
label: '',
},
{
value: 'Σ(?д?;)',
label: '',
},
{
value: '(??ω??)',
label: '',
},
{
value: '(-_-#)',
label: '',
},
]
},
}
$.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>