给自己的博客园装饰萌萝莉（live2d）

有挺多博友问我博客右下角的萝莉是怎么加上的，我这里做一个小教程。

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 对象等错误。

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

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