0%

Live2D 在你的网站上多一点装饰

安装 Live2D 插件

1
2
3
4
5
// 安装 Live2D
npm install --save hexo-helper-live2d

// 安装模型
npm install live2d-widget-model-wanko

下面是提供模型安装的列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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

修改配置文件

在博客根目录的_config.yml 配置文件中添加下面的内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# Live2D 动画
live2d:
# 是否使用
enable: true
# 默认
scriptFrom: local
# 插件在站点上的根目录(相对路径)
pluginRootPath: live2dw/
# 脚本文件相对与插件根目录路径
pluginJsPath: lib/
# 模型文件相对与插件根目录路径
pluginModelPath: assets/
# 标签模式,是否仅替换 live2d tag 标签而非插入到所有页面中
tagMode: false
# 调试,是否在控制台输出日志
debug: false
# 要使用的模型名称
model:
use: live2d-widget-model-wanko
display:
# 显示的位置
position: left
# 宽度
width: 150
# 高度
height: 300
mobile:
# 移动端是否显示
show: true

完成后一键三连

1
2
3
hexo clean
hexo g
hexo d

搬运自:https://blog.csdn.net/u010519914/article/details/89440004

欢迎关注我的其它发布渠道