玩命加载中 . . .

Live2D看板娘(bilibili-2233)


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!


文章作者: BlueSky01st
版权声明: 本博客所有文章除特別声明外,均采用 CC BY-NC-ND 4.0 许可协议。转载请注明来源 BlueSky01st !
评论
评论
  目录