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