用live2d给你的博客放个二次元看店娘

还没有申请js权限的,要先申请,

设置>账户设置>申请js权限(申请理由要写得有礼貌一点啊,像我就写明我想用live2d来美化我的页面)

我的审核第二天就通过了,但好像有网友好多次了还不通过的,可以去论坛留言请管理员看看。

申请通过后,

页脚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>
<!-- 右下角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>

 博客文章页面就可以获得一个可爱的二次元妹子帮你看店啦~

PS:关于live2d的深度挖掘可以参考:https://www.zhangxinxu.com/wordpress/2018/05/live2d-web-webgl-js/

原文地址:https://www.cnblogs.com/mankii/p/11206802.html