1. 安装插件
在博客根目录下运行
npm install --save hexo-helper-live2d2. 下载模型
在博客根目录下新建文件夹📁️live2d-models运行
git clone https://github.com/52cik/bilibili-haruna.git再删除文件夹assets外所有文件
进入assets删除live2d-widget文件夹
将haruna里的文件移到外面,删除haruna
3. 使用模型
在博客根目录_config.yml中添加以下内容:
# Live2D
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d_models/22/ #如果要用33的话将22改为33
display:
position: left
width: 200
height: 400
hOffset: 0
vOffset: -20
mobile:
show: true
scale: 0.5
react:
opacity: 0.7
opacityOnHover: 0.2进入文件夹live2d-models/22/(live2d-models/33/也行)将文件model.default.json重命名为model.default.model.json
就行了,如果要用其他模型,将文件名的.json前面加上.model即可
注意⚠️:请不要将所有文件都加上
.model,会产生冲突
最后hexo s运行查看效果吧~
更好的方法
2020/8/14
刚才的方法不仅功能少,而且还sa diao麻烦,于是就换了另一个方法
先删除插件
npm uninstall hexo-helper-live2d删除刚刚写进_config.yml的内容
进入themes/matery/layout/_partial/head.ejs,在<head>标签中插入
<script src="https://testingcf.jsdelivr.net/gh/BlueSky01st/mylive2d@latest/autoload.js"></script>Over!