# 在网站上集成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.](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.

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

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

# Bookmark (any pages)

TBD.

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

# Settings

See the document.

# 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

~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

• Cubism SDK WebGL 2.1

• live2d-widget.js

• hexo-helper-live2d

• pixi-live2d

• CubismJsComponents

# License

Apache License