给博客园装饰萝莉和鼠标点击事件

一、装饰萝莉

1. 首先，也是最重要的，必须先有一个cnblog账号。
2. 登录博客园账号→管理→设置，在这里修改设置。
3. 下滑，申请JS权限，申请成功后会有提示（支持js代码）。
4. 然后在【页首html代码】编辑器中插入

<!-- 右下角live2d效果 -->
<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>

 　　 5. 然后在【页脚html代码】编辑器中插入

<!-- 右下角live2d效果 -->
<script type="text/javascript">
setTimeout(() => {
        L2Dwidget.init({
                "model": {
                        "scale": 0.5
                },
                "display": {
                        "position": "right",
                        "width": 180,
                        "height": 260,
                        "hOffset": 0,
                        "vOffset": -20
                },
                "mobile": {
                        "show": true,
                        "scale": 0.5
                },
                "react": {
                        "opacityDefault": 0.7,
                        "opacityOnHover": 0.2
                }
        });
}, 1000)
</script>

写个延时是为了等资源加载完，不然会报找不到 L2Dwidget 对象等错误。

当然也可以自定义其他选项，需要自己去踩坑了！

就这样，博客右下角就会添加实时关注你的萝莉啦

二、鼠标点击事件

在设置代码里插入script标签就好

<!-- 鼠标点击效果 -->
<script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>

全是学习这位大佬的教程https://www.cnblogs.com/e-cat/p/10262425.html