人物插件安装与使用

第一步

npm i --save hexo-helper-live2d

第二步

安装模型插件:npm install live2d-widget-model-shizuku

第三步

在blog根目录配置文件(_config.yml)中添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
log: false
model:
use: live2d-widget-model-shizuku #更换模型需要在这里进行修改
display:
position: right
width: 150
height: 300
mobile:
show: true
react:
opacity: 0.7

第四步(可跳过)

查看已安装插件:npm list

安装模型:npm install packagename

卸载模型:npm uninstall packagename

更换模型:修改第三步中的配置文件

packgename:

  • live2d-widget-model-chitose
  • live2d-widget-model-epsilon2_1
  • live2d-widget-model-gf
  • live2d-widget-model-haru/01(使用npm install --save live2d-widget-model-haru)
  • live2d-widget-model-haru/02(使用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

第五步

部署本地查看效果:hexo cl && hexo g && hexo s

留言

2021-11-21

⬆︎TOP