给你的hexo博客添加可可爱爱的看板娘
百度上一搜,很多都是cnblogs的,决定自己收集一下hexo上添加看板娘的方法
添加看板娘
安装live2d插件
在博客根目录下输入1
$ npm install --save hexo-helper-live2d
即可安装
修改_config.yml
在_config.yml
下添加如是json1
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博客添加可可爱爱的看板娘