526互联

博客园美化小记

发布时间 2023-11-26 15:29:36作者: 小满三岁啦

参考以下博友的代码，感谢分享！

爱学习的刘刘^

Quaint's Blog

需要开申请开通JS权限（必须）

博客皮肤需要先择SimpleMemory才能生效

image-20231126150504390

将下面的代码贴到对应的位置就可以了

博客侧边栏公共

<script type="text/javascript">
    window.cnblogsConfig = {GhVersions : 'v1.3.3', // 版本
    blogUser      : "ccsvip", // 用户名
    blogAvatar    : "https://cancerwake.oss-cn-beijing.aliyuncs.com/img/166cddc40a255ce67c8dccbe7442e721.jpg", // 用户头像
    blogStartDate : "2020-03-14", // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
}
</script>   
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
<script src="https://blog-static.cnblogs.com/files/blogs/688431/%E6%A8%B1%E8%8A%B1%E7%89%B9%E6%95%88.js"></script> <!-- 樱花飘落特效 -->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/blogs/688431/style.css"> <!-- 页面定制css -->

页面定制CSS代码

已经包含在侧边公告栏了，将禁用模板默认CSS打勾即可

image-20231126151411179

页脚HTML代码

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array(""❤赚钱❤","❤泡妞❤","❤撩妹❤","❤生娃❤","❤牛炸天❤","❤碉堡了❤","❤帅气❤","❤牛批❤","❤风流❤","❤倜傥❤","❤骚气❤","❤低调❤");
        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": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

可以先将css或者js代码自己下载一份，上传到自己的博客里面，然后引用就可以了。