一.安装依赖
在博客根目录下输入以下命令安装 live2d 模块
npm install --save hexo-helper-live2d
安装成功之后可以看到博客根目录下的node_modules
里面有live2d-widget
文件,这是动画的主配置
二.下载模型文件
在博客根目录下输入以下命令下载相应的画板娘模型:
npm install live2d-widget-model-haruto
模型被下载到了博客根目录下的node_modules文件夹里面
注:
把模型名称 haruto
换成你想要的模型名称即可(本人选的看板娘模型是 haruto)
live2d看板娘的模型预览如下:
live2d-widget-model-epsilon2_1
live2d-widget-model-chitose
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-wanko
live2d-widget-model-z16
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-haruto
三.添加live2d看板娘到hexo博客
打开博客根目录下的 _config.yml文件,添加如下代码:
#参数配置
live2d:
enable: true
scriptFrom: local
model:
use: live2d-widget-model-shizuku #下载的画板娘模型的名字,根据自己的喜好修改
display:
position: left #模型位置
width: 270 #模型宽度
height: 400 #模型高度
mobile:
show: false #是否在手机端显示