hexo-helper-live2d让你的网站可爱起来

项目地址:hexo-helper-live2d

live2d官网:https://www.live2d.com/zh-CHS/


简单粗暴的用法:

把下面代码直接放到你的<body></body>之间就行了:

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
   L2Dwidget.init({
      "model": {
         jsonPath: "https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json",
         "scale": 1
      },
      "display": {
         "position": "right",
         "width": 100,
         "height": 200,
         "hOffset": 0,
         "vOffset": 0
      },
      "mobile": {
         "show": true,
         "scale": 0.5
      },
      "react": {
         "opacityDefault": 0.7,
         "opacityOnHover": 0.2
      }
   });


</script>

一些模型图:直接替换上面的jsonPath就可以

https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json

image.png

https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json

image.png

https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json

image.png

https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json

image.png

https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json

image.png

https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json

image.png

https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json

image.png

https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json

image.png


复制内容

留言讨论


评论


乖,登录后才可以留言! 登录

广而告之

Copyright © 2020-2023 春藤技术,春藤建站 All Rights Reserved
备案号:豫ICP备20020705号 公网安备 51LA统计