Awesome
This repo is beyond maintenance. For better implementation and support, please refer https://github.com/stevenjoezhang/live2d-widget
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.
<details><summary>However, if you want to do it manually, follow the instruction below:</summary><br>import the js:
<script src = "( your script path here )"></script>
Then call the function along with your config.
L2Dwidget.init({
'config1': 'value1',
'config2': 'value2',
});
</details>
Bookmark (any pages)
TBD.
https://www.cnblogs.com/pcyy/p/5655542.html
Settings
See the document.
<details><summary>Current supported models:</summary><br>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
-
Create a
live2d_models
folder at your blog's root directory. -
Create a folder by the name of your model.
-
Copy your model to this folder.
Attention! The path of the model's json must be /live2d_models/{name}/{name}.model.json
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/
.
<br>The problem was once releated to (#22).
Enjoy!:beer:
This is my first hexo plugin, star :star: and watch :eyeglasses:, 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.
Releated projects
About me
Imported
Special Thanks
- @mashirozx
- @fghrsh
- @journey-ad
- @gwzz
Open sourced under the GPL v2.0 license.
Contributors
This project exists thanks to all the people who contribute. <a href="https://github.com/xiazeyu/live2d-widget.js/graphs/contributors"><img src="https://opencollective.com/live2d-widgetjs/contributors.svg?width=890&button=false" /></a>
Backers
Thank you to all our backers! 🙏 [Become a backer]
<a href="https://opencollective.com/live2d-widgetjs#backers" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/backers.svg?width=890"></a>
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
<a href="https://opencollective.com/live2d-widgetjs/sponsor/0/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/1/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/2/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/3/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/4/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/5/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/6/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/7/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/8/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/live2d-widgetjs/sponsor/9/website" target="_blank"><img src="https://opencollective.com/live2d-widgetjs/sponsor/9/avatar.svg"></a>