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

心已赠人 2021-10-30 03:16 209阅读 0赞

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

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

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

申请通过后，

页脚html代码中加入以下代码：

<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 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>

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

![965593-20190718134604173-697753772.png][]

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

转载于:https://www.cnblogs.com/mankii/p/11206802.html

[965593-20190718134604173-697753772.png]: /images/20211029/256d1a6eac8a416190fce6b62a343a57.png
[https_www.zhangxinxu.com_wordpress_2018_05_live2d-web-webgl-js]: https://www.zhangxinxu.com/wordpress/2018/05/live2d-web-webgl-js/