The website adds a live 2d kanban girl that can dress up and interact

Official live 2d address

a>

I am using Zhang Shuqiao's project here, taking hexo-theme-butterfly as an example.

Download , extract it to themes/butterfly/source in the local blog directory, modify the folder name to live2d-widget, modify the file in the project: change to

In the theme configuration file, import js:

Copy

In the theme configuration file, add the following:

live2d:enable: true

Copy

If you want to modify the size, position, format, text content, etc. of the kanban girl, you can view and modify waifu-tips.js , waifu-tips.json and waifu.css.

Preview effect:

Note: This project requires jQuery and font-awesome support.Generally, the hexo theme comes with it, so there is no need to introduce it. If not, it can be introduced in the page:

Afterword

The website adds Live2d's Kanban girl——Histoire