[开发工具]在hexo的butterfly主题中开启看板娘配置

在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  #是否在手机进行显示

效果图