百度上一搜,很多都是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: 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 # 鼠标移到看板娘上时的透明度
|
安装你的看板娘模型
安装好之后在./_config.yml里修改use
的参数,以启用看板娘模型。
Live2D看板娘模型大全:Hexo添加Live2D看板娘+模型预览
让看板娘能互动
还没弄明白