博客园 给自己的页面添加动画 教程

0.效果图，其他效果参考 https://huaji8.top/post/live2d-plugin-2.0/

 

 

1. 博客园-设置-博客园设置-博客侧边栏公告

2.添加下面的代码

<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

<script type="text/javascript">
    L2Dwidget.init({
    "model": {
        "jsonPath": "https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json", // 动画定制，修改这里
        "scale": 1
    },
    "display": {
        "superSample": 2,
        "width": 200,
        "height": 400,
        "position": "right",
        "hOffset": 0,
        "vOffset": 0
    }
});
</script>