bufferfly 主题添加 liv2d模型
如图
模型下载
github 上将文件压缩包下载下来
然后解压,放置在目录
博客根目录/themes/butterfly/source/中
更改AUTOLOAD.JS文件
更改live2d-widget 下的 autoload.js 文件
// 注意:live2d_path 参数应使用绝对路径
// const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/";
const live2d_path = "/live2d-widget/";
将第二行注释掉,取消第三行的注释即可
修改bufferfly.yml
博客根目录的主题配置文件 _config.butterfly.yml 中找到 inject 并修改,引入 css 文件和 js 文件即可
inject:
head:
# - <link rel="stylesheet" href="/xxx.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="/live2d-widget/autoload.js"></script>
bottom:
启动live2d
博客根目录的主题配置文件 _config.butterfly.yml 最后新增以下内容
live2d:
enable: true
最后生成就完成了
hexo clean && hexo g