网页添加live2D萌妹

时间：2021-02-22 12:09:47 收藏：0 阅读：0

在【设置】页面下方找到【博客侧边栏公告（支持HTML代码） （支持 JS 代码）】这项，然后加入以下代码：

<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">
　　"model": { 　　　　jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",//这是插件模型，可以任意选择想要添加的2d动画　　　　"scale": 1 　　},
    L2Dwidget.init({
      "display": {
        "superSample": 2,
        "width": 200,//宽度
        "height": 400,//高度
        "position": "right",//位置，right,left
        "hOffset": 0,
        "vOffset": 0
      }
   });
</script>

在model jsonPath 中可以更换模型

live2d-widget-model-chitose

live2d-widget-model-epsilon2_1 
live2d-widget-model-gf 
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto 
live2d-widget-model-hibiki 
live2d-widget-model-hijiki 
live2d-widget-model-izumi 
live2d-widget-model-koharu 
live2d-widget-model-miku 
live2d-widget-model-ni-j 
live2d-widget-model-nico 
live2d-widget-model-nietzsche 
live2d-widget-model-nipsilon 
live2d-widget-model-nito 
live2d-widget-model-shizuku 
live2d-widget-model-tororo 
live2d-widget-model-tsumiki 
live2d-widget-model-unitychan 
live2d-widget-model-wanko 
live2d-widget-model-z16