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

准备

本文使用 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%}