一.安装依赖

在博客根目录下输入以下命令安装 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 #是否在手机端显示

四.执行hexo g & hexo d即可


坚持