Hexo: live2d© Karobben

Hexo: live2d

Hexo: live2d

amxSmQ.png Project: github EEEEEEYHN
Models downloads: github summerscar

Install

install the widget at the hexo’s directory of your blog

npm install --save hexo-helper-live2d

Models

Make a directory for storing the models at your hexo’s directory

mkdir live2d_models
## Downloads
git clone https://github.com/summerscar/live2dDemo
## Models
mv live2dDemo/assets/shizuku live2d_models/

Moving the models you like from live2dDemo/assets/ (from git clone) to live2d_models (in your hexo’s directory)

Config

Add configuration in hexo’s _config.yml file or theme’s _config.yml.
(PS: I tried to add configuration at theme’s _config.yml file first and it didn’t work for me)

live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
log: false
model:
use: shizuku
display:
position: right #left
width: 150
height: 300
mobile:
show: true
react:
opacity: 0.7

Final Result

amxpwj.gif

Author

Karobben

Posted on

2020-07-29

Updated on

2023-12-20

Licensed under

Comments