安装插件

npm install --save hexo-helper-live2d

等待加载就OK!

添加配置

hexo的配置文件 _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
30
31
# 看板娘
live2d:
enable: true # 是否开启看板娘
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
log: false
model:
use: live2d-widget-model-shizuku # 模型名称
display:
superSample: 2 # rate for super sampling rate 超采样等级
position: right # Left of right side to show 显示位置:左或右
width: 150 # Width to the canvas which shows the model canvas的长度
height: 300 # Height to the canvas which shows the model canvas的高度
hOffset: 75 # Horizontal offset of the canvas canvas水平偏移
vOffset: -20 # Vertical offset of the canvas canvas垂直偏移
mobile:
show: true # Whether to show on mobile device 是否在移动设备上显示
scale: 0.5 # Scale on mobile device 移动设备上的缩放
react:
opacity: 0.7 # opacity 透明度
name:
canvas: 'live2dcanvas' # ID name of the canvas canvas元素的ID
div: 'live2d-widget' # ID name of the div div元素的ID
dev:
border: false # Whether to show border around the canvas 在canvas周围显示边界
dialog:
enable: false # Display dialog 显示人物对话框
hitokoto: false # Enable hitokoto 使用一言API

选择模型

下面提供模型参考图可根据需求选择

模型参考示例

可根据下列模型昵称选择自己喜欢的,如hijiki一只黑色的猫

进行安装模型时
npm install --save live2d-widget-model-hijiki

参考图提供width,height可供参考(配置文件 _config.yml 下修改)

文章作者: 闲花手札
文章链接: https://www.islu.cn/posts/47141.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 闲花手札 | Lu's Blog
  • wechat
  • alipay

评论