在网站上集成Live2D看板娘具有开箱即用的体验

star fork GitHub Last Commit issues Author hexo-theme-yilia-plus 博客搭建交流群 LICENSE

欢迎使用和Star支持,如使用过程中碰到问题,可以提出Issue,我会尽力完善

线上预览

预览 ➡️ https://zhousiwei.gitee.io/live2d-widget.js

项目使用

live2d-widget.js

Add the Sseexxyyy live2d to your webpages! Seperated from hexo-helper-live2d.

Demo: Still working, but you can have a look~

Docs(including APIs): Click me!

Online generator: [TBD.](javascript:void(0)😉

Useage

Hexo

Please visit hexo-helper-live2d for the hexo plugin.

Webpages

File on your server

Download the latest release,

and then copy and extract the lib folder to your website.

Use [online generator](javascript:void(0)😉 (recommended) to generate codes.

However, if you want to do it manually, follow the instruction below:

import the js:


<script src = "( your script path here )"></script>

Then call the function along with your config.

L2Dwidget.init({
  'config1': 'value1',
  'config2': 'value2',
});

Bookmark (any pages)

TBD.

https://www.cnblogs.com/pcyy/p/5655542.html

Settings

See the document.

Current supported models:
  • chitose
  • Epsilon2.1
  • Gantzert_Felixander
  • haru01
  • haru02
  • haruto
  • hibiki
  • hijiki
  • izumi
  • koharu
  • miku
  • nico
  • ni-j
  • nipsilon
  • nito
  • shizuku
  • tororo
  • tsumiki
  • Unitychan
  • wanko
  • z16

Custom model

  1. Create a live2d_models folder at your blog's root directory.

  2. Create a folder by the name of your model.

  3. Copy your model to this folder.

Attention! The path of the model's json must be /live2d_models/{name}/{name}.model.json

An Example:

Your model is named mymiku.

Then, create a folder at / (Which should exists _config.ymlsourcesthemes ) named mymiku.

Copy your model to /live2d_models/mymiku/.

Up to now, there should be mymiku.model.json in the directory of /live2d_models/mymiku/.


~The problem was once releated to (#22).~


See WEBPACK VISUALIZER

Enjoy!🍺

This is my first hexo plugin, star ⭐️ and watch 👓, pull request is also welcomed.

Github: https://github.com/EYHN/hexo-helper-live2d

issues: https://github.com/EYHN/hexo-helper-live2d/issues

Contribute

Please pay enough attention to this document if you want to commit your changes or submit issues.

CONTRIBUTING

Releated projects

License

Apache License