Hexo添加live2d看板娘模型

在Hexo添加live2d看板娘模型

haruto这个模型 我爱了

1.首先安装npm包

• 配置环境变量
• 打开cmd.exe,输入:

//查看版本号是否安装成功
$ npm -v

2.下载hexo

• 输入命令

//下载hexo客户端
$ npm install -g hexo-cli

• 同样环境变量

3.在本地新建文件myblog(作为博客资源文件夹)

• 输入命令

//初始化刚新建的myblog文件夹
$ hexo init myblog
$ cd blog
$ hexo instal

• 这时blog就会生成以下文件

4.第一个博客出来了，我们试试运行

• 输入命令

//启动命令(完整命令:hexo server)
$ hexo s

5.回到当前窗口myblog路径输入命令：

//下载live2d包
$ npm install --save hexo-helper-live2d

• 再下载模型

//下载模型
$ npm install live2d-widget-model-hibiki

#更多模型选择

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
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

6.下载完模型后在根目录的 node_modules 文件夹下找到刚才下载的live2d-widget-model-hibiki模型，将其复制到新建目录 live2d_models 下

7.在根目录_config.yml配置下添加以下参数，唯一改变是参数model.use 是下载模型名称

#参数配置
live2d:
 enable: true
 scriptFrom: local
 pluginRootPath: live2dw/
 pluginJsPath: lib/
 pluginModelPath: assets/
 tagMode: false
 debug: false
 model:
   use: live2d-widget-model-haruto   #下载模型参数
 display:
   position: right
   width: 150
   height: 300
 mobile:
   show: true

---

最后再次运行$hexo s，看效果，右下角萌萌哒看板娘出来了