给你的hexo博客添加可可爱爱的看板娘

百度上一搜,很多都是cnblogs的,决定自己收集一下hexo上添加看板娘的方法

添加看板娘

安装live2d插件

在博客根目录下输入

1
$ npm install --save hexo-helper-live2d

即可安装

修改_config.yml

_config.yml下添加如是json

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
# live2d
live2d:
enable: true # 是否开启
scriptFrom: local
pluginRootPath: live2dw/ # 插件在站点上的相对路径
pluginJsPath: lib/ # js文件在插件根目录上的相对路径
pluginModelPath: assets/ # 模型文件在插件根目录上的相对路径(这仨一般不用改)
tagMode: false
debug: false # 标签模式,是否替换live2d tag标签而非插入到所有页面中
model:
use: live2d-widget-model-z16 # 这里填写你使用的看板娘模型的名字
# use: name # live2d_models/下的目录名
# use: ./folder/name # 相对于博客根目录的相对路径
# https://xxx.xxx.xxx/xxx # 使用url
scale: 1
hHeadPos: 0.5
vHeadPos: 0.618
display:
superSample: 2 #
width: 150
height: 300
position: right # 定位方式,right为以右下角为原点,向左向上建立x、y轴
hOffset: 0 # 垂直方向的偏移
vOffset: -20 # 水平方向的偏移
mobile:
show: true # 是否在手机上显示
scale: 0.5
react:
opacityDefault: 0.7 # 一般情况下的透明度
opacityOnHover: 0.2 # 鼠标移到看板娘上时的透明度

安装你的看板娘模型

1
$ npm install 模型名称

安装好之后在./_config.yml里修改use的参数,以启用看板娘模型。
Live2D看板娘模型大全:Hexo添加Live2D看板娘+模型预览

让看板娘能互动

还没弄明白

给你的hexo博客添加可可爱爱的看板娘

https://jensentsts.github.io/2021/12/10/hexo看板娘/

作者

勇敢梧桐树

发布于

2021-12-10

更新于

2022-11-28

许可协议

评论

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×