博客园主题第二弹

页面定制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>