1.安装模块
hexo博客根目录选择cmd
命令窗口或者git bash
输入以下代码,安装插件
npm install --save hexo-helper-live2d
各种模型展示
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16
选择好对应的模型,使用 npm install
模型的包名来安装,比如我选择的的是live2d-widget-model-koharu 模型包
npm install live2d-widget-model-koharu
2.配置
打开个人Hexo博客文件根目录下的 _config.yml
文件,在最后添加一下代码
#二次元
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d-widget-model-wanko #这个是你要修改的
display:
position: right #在屏幕上的显示位置
width: 85 #显示宽度
height: 170 #显示高度
mobile:
show: false #手机端是否显示
3.注意
当你换了动漫人物,发现在本地并没有展示出来的时候,或者明明设置了宽高时,不用慌,你可以hexo clean
一下,再hexo g
生成静态文件,hexo s
启动本地服务看看,这样应该就行了。
4.卸载
当你不想要的时候,可以enable设置为false,也可以卸载
卸载命令为:
npm uninstall hexo-helper-live2d
展示效果: