LI YAO'S BLOG

有趣的人生, 一半家长里短, 一半山川胡海

Hexo添加萌妹子看板效果

​ 首先需要了解每个动漫人物效果都是一个live2d模型

​ 以下是目前支持的一些模型(每个模型是什么效果可以自行去搜索以下):

  • 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

​ 1、安装组件,执行以下命令

1
npm install --save hexo-helper-live2d

​ 2、安装自己喜欢的人物模型,以nipsilon为例

1
npm install live2d-widget-model-nipsilon

​ 3、在全局_config.yml配置文件中添加配置(注意:是全局的配置文件,不是主题中的配置文件!)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 添加动漫人物效果
live2d:
enable: true
scriptFrom: local
model:
use: live2d-widget-model-nipsilon
display:
position: right
width: 200
height: 320
hOffset: 50
vOffset: 20
mobile:
show: true

​ (其中hOffset是水平方向上的位置调整,vOffset是竖直方向的位置调整)

​ use属性值:模型组件的名字

​ 配置好后,使用hexo g与hexo s命令部署启动查看效果即可

赞赏一杯咖啡