在hexo的butterfly主题中开启看板娘
官网地址配置:https://www.npmjs.com/package/hexo-helper-live2d
1、安装依赖
卸载命令:npm uninstall hexo-helper-live2d
安装命令:npm install --save hexo-helper-live2d
**注意:**命令都是在你的博客主目录执行
安装完成之后在package.json
会看到安装的model
2、下载各种动画model:
地址:https://github.com/xiazeyu/live2d-widget-models.git
模型仓库 使用
npm install {packagename}
命令进行下载模型预览:https://huaji8.top/post/live2d-plugin-2.0/
模型选择
:
-
live2d-widget-model-chitose
-
live2d-widget-model-epsilon2_1
-
live2d-widget-model-gf
-
live2d-widget-model-haru/01
-
live2d-widget-model-haru/02
-
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
# live2d-widget-model-haru/01这个模型比较特殊,因为存在两个同名的模型,我们得使用下面这个命令进行下载,不加后面的/01 # 其他的模型直接 npm install 包名 即可 npm install live2d-widget-model-haru #使用live2d-widget-model-haru模型 use: live2d-widget-model-haru/01 use: live2d-widget-model-haru/02 #注意:文件夹里01和02里的json文件是空的,所以需要把live2d-widget-model-haru文件夹下的json文件复制进去覆盖才生效
3、配置博客站点配置文件_config.yml
#看板娘
live2d:
enable: true
pluginModelPath: assets/
model:
use: live2d-widget-model-z16 #模板目录,在node_modules里,自己选择
display:
position: left
width: 150
height: 300
mobile:
show: false #是否在手机进行显示
效果图