博客园如何添加好看的js动画效果

1.在后台中进入设置页面

 

2.开通js权限，一般很快就会同意的，我这已经开通了的效果

 

 3.添加css给小可爱去边框

#live2dcanvas {
border: none !important;
}

　　

 

 4.添加关键的js代码，一个是樱花效果，一个是小可爱。

<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/yremp/yremp-js@1.5/sakura.js"></script>

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

请忽略我的css