最初级的用法
使用官方包安装,安装非常简单,但效果一般
hexo live-2d地址:https://github.com/xiazeyu/live2d-widget-models
git命令行中输入:
npm install --save hexo-helper-live2d
npm install live2d-widget-model-epsilon2_1 # 安装某个模型
同时在博客配置文件中修改:
增加的宠物功能
live2d:
enable: true
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
model:
use: live2d-widget-model-epsilon2_1
display:
position: right
width: 250
height: 500
mobile:
show: true
scale: 0.5
react:
opacityDefault: 1
opacityOnHover: 1
高级版
首先下载大佬的github文件,修改好名字放置于**\themes\next\source**下
打开live2d-widget文件下的autoloads.js文件,修改绝对路径:
const live2d_path = "/live2d/";
打开_layout.swig文件,先在head标签下添加依赖,否则无法正常显示:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
然后再在footer标签下添加:
<script src="https://hac135.github.io/live2d-widget/autoload.js"></script>
然后把博客配置文件的live2d配置注释掉,在主题配置文件中添加
live2d:
enable: true
如何删除(启用)
这个东西非常耗CPU和内存,一般来说直接设置false即可关闭。
彻底卸载如下:
1.初级版
根目录执行:
npm uninstall hexo-helper-live2d -g
删除npm_modules/hexo-helper-live2d文件夹,注释掉博客配置文件live2d相关内容,或直接改为false
2.高级版
打开_layout.swig文件,删除
或者修改主题配置文件live2d为false
评论区