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,看效果,右下角萌萌哒看板娘出来了

在这里插入图片描述