小趙同學
0%

Hexo博客美化添加live2d动画

发表于 更新于 分类于

hexo-helper-live2d GitHub地址

安装插件

  1. 在hexo根目录执行

    1
    npm install --save hexo-helper-live2d

  2. 选择动画模型

    模型地址

    • live2d-widget-model-chitose
    • live2d-widget-model-epsilon2_1
    • live2d-widget-model-gf
    • 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

  3. 本次选择安装live2d-widget-model-haruto

    1
    npm install live2d-widget-model-haruto
拷贝资源

  1. 在hexo根目录live2d_models

    1
    mkdir -p live2d_models

  2. cp模型文件

    1
    cp -r node_modules/live2d-widget-model-haruto/ live2d_models/
编辑主配置

编辑_config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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
重新部署
1
hexo clean && hexo g && hexo d

我部署到GitHub上的域名正常，服务器上的没生效，重启进程后生效。