README.md

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

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

线上预览

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

项目使用

• 一款简洁优雅的hexo主题：hexo-theme-yilia-plus

• 一款简洁优雅的VuePress主题：vuepress-theme-yilia-plus

• VuePress集成Live2D看板娘：vuepress-plugin-helper-live2d

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.

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 (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.yml 、sources 、 themes ) 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!:beer:

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

• Cubism SDK WebGL 2.1

• live2d-widget.js

• hexo-helper-live2d

• pixi-live2d

• CubismJsComponents

License

Apache License