这篇文章上次修改于 613 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

准备

本文使用 hexo-helper-live2d 来构建看板娘,Hexo主题为Butterfly

{% note warning%}
此版本没有交互界面!!
{% endnote %}

安装

使用npm安装,node.js要有哟!

npm install --save hexo-helper-live2d

配置

基本配置

把这段配置塞进根目录下的_config.yml
{% note info%}
如果后续完成后没有效果,可以放在主题配置文件里试试
{% endnote %}

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: live2d-widget-model-wanko
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7

更多详细的设置,请参考官方中文文档 ,这里只是简单的放进去。。

模型配置

{% note info%}
这里直接使用简单的npm配置
{% endnote %}

模型列表

  • 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

模型预览

这里可以直接参看CSDN里的一篇文章,里面有截图。

Hexo添加Live2D看板娘+模型预览_执念-CSDN博客_hexo live2d

这里我的博客就是用了live2d-widget-model-wanko这个模型。

模型安装

安装

npm install {模型的包名}

把大括号扔掉哈!

载入

把你安装的模型的包名,比如live2d-widget-model-hijiki

,填入前面塞进_config.yml的配置中的 use:

完成

{% note success%}
重启hexo server,查看效果
{% endnote%}