Hexo上添加Live 2D模型

文章目录

经常在看博客的时候，发现很多博客上有可爱的Live 2D模型，今天空余时间较多，就研究了一下怎样添加。

首先，安装npm包：

npm install --save hexo-helper-live2d

然后在hexo的配置文件_config.yml中添加如下配置，详细配置可以参考官方文档：

live2d:
  enable: true
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-tsumiki  #模板目录，在node_modules里
  display:
    position: left
    width: 200
    height: 400
  mobile:
    show: false  #是否在手机进行显示

然后下载模型，模型名称可以到模型仓库参考，一些模型的预览可以试试这个博客。

最好使用npm命令安装对应的模型包，例如：

npm install live2d-widget-model-shizuku

所有模型列表如下：

• 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

确实还是挺好看的。