geek主题备份

前言

自己写了一点，本人比较菜，请见谅。

山呼万岁

博客园万岁！theme-geek万岁!jQuery万岁！

页面定制CSS代码

#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;}}

页首HTML代码

<div id="loading"><div class="loader-inner"></div></div>

页脚HTML代码

<script>
    window.opts = {
        theme: {
            avatar: 'https://q.qlogo.cn/headimg_dl?dst_uin=1079489986&spec=640&img_type=jpg',
            headerBackground: 'https://bing.img.run/1920x1080.php',
        },
        signature: {
            enable: true,
            contents: [
                `一只IT<b style="color: var(--color-primary); ">萌新</b>`,
                `会一点点<b style="color: var(--color-primary); ">Python</b>和<b style="color: var(--color-primary); ">Bootstrap框架开发</b>`,
                "print('🍺'); ",
                "console.log('🍻'); ",
                "Stay hungry.Stay foolish.",
            ],
        },
        github: {
            enable: true,
            url: 'https://gitee.com/handongliren',
        },
        bodyBackground: {
            enable: true,
            value: 'https://bing.img.run/rand.php',
            opacity: 0.8,
            repeat: false,
        },
        darkMode: {
            enable: true,
            autoDark: true,
            autoLight: true
        },
        webTag: {
            enable: true,
            title: "寒冬利刃",
            favicon: "https://q.qlogo.cn/headimg_dl?dst_uin=1079489986&spec=640&img_type=jpg",
        },
        click: {
            enable: true,
            auto: true,
            colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
            size: 30,
            maxCount: 50,
        },
        postSignature: {
            enable: true,
            enableLicense: true,
            licenseName: '署名-非商业性使用-相同方式共享 4.0 国际',
            licenseLink: 'https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans',
        }, 
        emoji: {
            enable: false,
            buttonIcon: "🥳",
            emojiList: [
                {
                    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: '吃瓜',
                },
            ]
        },
        links: [
            {
                name: "个人社交主页",
                link: "https://hdlr.maozi.io/"
            },
        ],
    }
</script>
<script src="https://cdn.cnblogs.com/awescnb/geek.js"></script>
<script src="https://blog-static.cnblogs.com/files/blogs/855589/emoji-popover.iife.js"></script>
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/blogs/855589/style.css">
<style>
    :root {
        --e-color-border: var(--geek-color-3); /* EmojiPopover border color */
        --e-color-emoji-text: var(--geek-color-10); /* text emoji font color */
        --e-color-border-emoji-hover: var(--geek-color-3); /* emoji hover border color */
        --e-color-bg: var(--geek-color-1); /* EmojiPopover background color */
    }; 
</style>
<script>
    $(".account-avatar").children("a").html(`<svg width="20px" height="20px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .327.266.592.593.592h5.63c.982 0 1.778-.796 1.778-1.778v-.296a.593.593 0 0 0-.592-.593h-4.15a.592.592 0 0 1-.592-.592v-1.482a.593.593 0 0 1 .593-.592h6.815c.327 0 .593.265.593.592v3.408a4 4 0 0 1-4 4H5.926a.593.593 0 0 1-.593-.593V9.778a4.444 4.444 0 0 1 4.445-4.444h8.296z"/></svg>`); 
    $(".account-avatar").children("a").children("svg").attr("style", `fill: var(--geek-color-10); `); 
    $("#q").attr("placeholder", "搜索"); 
    $("#cnblogs_post_body").children("pre").children("code").attr("style", `font-size: 14px; `); 
    $("#post-signature").append($(`<b>如有转载，请务必注明本文作者及链接，谢谢！</b>`)); 
    function addEmojiBtn() {
        emoji_btn = $(`<span id="emoji_btn">${window.opts.emoji.buttonIcon}</span>`); 
        $(".commentbox_title_right").prepend(emoji_btn); 
        emoji_popover = new EmojiPopover({
            button: "#emoji_btn",
            container: '.commentbox_title_right',
            targetElement: '#emoji_btn',
            emojiList: window.opts.emoji.emojiList
        }); 
        emoji_popover.onSelect((value) => {
            $("#tbCommentBody").val($("#tbCommentBody").val() + value); 
        }); 
        $(".emoji-wrap").attr("style", `top: 80px; left: 4px; display: none; `)
    }; 
    setInterval(() => {
        if ($("#tbCommentBody").is("#tbCommentBody") && !$("#emoji_btn").is("#emoji_btn")) {
            addEmojiBtn(); 
        }; 
    }, 10); 
</script>