live2d设置

发表于

最初级的用法

使用官方包安装，安装非常简单，但效果一般
hexo live-2d地址：https://github.com/xiazeyu/live2d-widget-models
git命令行中输入：

1
2
npm install --save hexo-helper-live2d 
npm install live2d-widget-model-epsilon2_1 # 安装某个模型

同时在博客配置文件中修改：

增加的宠物功能

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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文件，修改绝对路径：

1
const live2d_path = "/live2d/";

打开_layout.swig文件，先在head标签下添加依赖，否则无法正常显示：

1
2
<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标签下添加：

1
<script src="https://hac135.github.io/live2d-widget/autoload.js"></script>

然后把博客配置文件的live2d配置注释掉，在主题配置文件中添加

1
2
live2d:
  enable: true

如何删除（启用）

这个东西非常耗CPU和内存，一般来说直接设置false即可关闭。

彻底卸载如下：

1.初级版

根目录执行：

1
npm uninstall hexo-helper-live2d -g

删除npm_modules/hexo-helper-live2d文件夹，注释掉博客配置文件live2d相关内容，或直接改为false

2.高级版

打开_layout.swig文件，删除


或者修改主题配置文件live2d为false