Hexo 中添加live2d看板动画

Hexo 中添加live2d看板动画

这里用到了 hexo-helper-live2d 插件

github地址：https://github.com/EYHN/hexo-helper-live2d

过程简单，直接按下面的步骤进行即可

1. 在博客主目录安装 hexo-helper-live2d

npm install --save hexo-helper-live2d
或 (有装yarn的话)
yarn add hexo-helper-live2d

2. 安装完成之后在package.json可看到安装的hexo-helper-live2d的依赖信息，以及在node_moduels目录下可看到live2D-widget文件夹

3. 下载各种看板娘动画model

下载地址：https://github.com/xiazeyu/live2d-widget-models.git

（1）直接下载压缩包文件

（2）直接解压并复制packages下的文件夹（全部复制也行，想用哪个就复制哪个也行）

（3）直接粘贴至博客node_moduels目录中（对，就是直接复制粘贴）

4. 在_config.yml里进行配置（每次调试更换模型，需重启server并刷新页面）

live2d:
  enable: true  #是否显示看板娘
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-koharu  #模板目录，在node_modules里，就刚刚复制的那些，直接更换名字即可
  display:
    position: left   #宽高以及位置自己看着调
    width: 200 
    height: 300
  mobile:
    show: false  #是否在手机进行显示

5. 部署（直接部署就行了）

6. 这里我按名字放出各种模型的效果，你们自己看着选

（1）live2d-widget-model-chitose

（2）live2d-widget-model-epsilon2_1

（3）live2d-widget-model-gf

（4）live2d-widget-model-haru（这个有问题，不管）

（5）live2d-widget-model-haruto

（6）live2d-widget-model-hibiki

（7）live2d-widget-model-hijiki

（8）live2d-widget-model-izumi

（9）live2d-widget-model-koharu

（10）live2d-widget-model-miku

（11）live2d-widget-model-ni-j

（12）live2d-widget-model-nico

（13）live2d-widget-model-nietzsche

（14）live2d-widget-model-nipsilon

（15）live2d-widget-model-nito

（16）live2d-widget-model-shizuku

（17）live2d-widget-model-tororo

（18）live2d-widget-model-tsumiki

（19）live2d-widget-model-unitychan

（20）live2d-widget-model-wanko

（21）live2d-widget-model-z16