1. 安装插件
在博客根目录下运行
npm install --save hexo-helper-live2d
2. 下载模型
在博客根目录下新建文件夹📁️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!