博客园樱花主题

预览

浅色模式：

深色模式：

代码块

页面定制css

勾选禁用模板css，主题选用custom。

点击查看代码

#cnblog-nav a:nth-child(1) span:before {
    color: #ffc0cb!important;
}
#cnblog-nav a:nth-child(2) span:before {
    color: #fa95a6!important;
}
#cnblog-nav a:nth-child(3) span:before {
    color: #ff7e94!important;
}
#cnblog-nav a:nth-child(4) span:before {
    color: #ff6781!important;
}
#cnblog-nav a:nth-child(5) span:before {
    color: #ff7e94!important;
}
#cnblog-nav a:nth-child(6) span:before {
    color: #fa95a6!important;
}
#cnblog-nav a:nth-child(7) span:before {
    color: #ffc0cb!important;
}
.event-wrapper .event-date .event-month {
    background-color: #e9acc0!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);
}

/* 初始的 */
/* #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:#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)}}

侧边栏公告

点击查看代码

<!-- @format -->

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    theme: {
        color:'#ffc0cb',
        name: 'geek',
        avatar: 'https://cdn.luogu.com.cn/upload/usericon/253532.png',
        headerBackground: 'https://c2.im5i.com/2022/07/21/UZqGs.webp'
        // ...
    },
    bodyBackground: {
        enable: true,
        value:'https://c2.im5i.com/2022/07/21/UZvHQ.jpg',
        /* 
        https://cdn.luogu.com.cn/upload/image_hosting/vvx54pt4.png
        
        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.75,
        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: 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',
    },
    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="150" 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 type="text/javascript">
//需要jquery插件
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤开摆！❤","❤日常划水❤","❤柚子❤","❤菜鸡一枚❤","❤羽生结弦❤","❤基德❤","❤Come On！❤","❤阿牛❤","❤66666❤","❤吃货一个❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 9999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            // "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
            "color":"#f5a1b0"//#81adcf
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

<script type="text/javascript">//樱花
 var system ={}; 
 var p = navigator.platform; 
 system.win = p.indexOf("Win") == 0; 
 system.mac = p.indexOf("Mac") == 0; 
 system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 
 if(system.win||system.mac||system.xll){//如果是电脑
 <!-- 也可以将下面链接复制到浏览器地址栏处 将页面所有文本复制保存到你的电脑命名为sakura.js并在你的博客园中上传该文件，之后可以把下面的链接换成你自己的 -->
 $.getScript("https://blog-static.cnblogs.com/files/blogs/696160/sakura.js");
 }else{ //如果是手机
 
 }
<!-- 可以通过调整该数字大小控制飘落樱花数量 -->
 var SAKURA_N = 30;
</script>