文章目录

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

首先,安装npm包:

npm install --save hexo-helper-live2d

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

1
2
3
4
5
6
7
8
9
10
11
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

确实还是挺好看的。

确实还是挺好看的

♦ 本文固定连接:https://www.gsgundam.com/archive/2020-05-30-hexo-live-2d/

♦ 转载请注明:GSGundam 2020年05月30日发布于 GSGUNDAM砍柴工

♦ 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。

♦ 原创不易,如果页面上有适合你的广告,不妨点击一下看看,支持作者。(广告来源:Google Adsense)

♦ 本文总阅读量