hexo+yilia添加live2d看板娘

---

添加live2d看板娘，插件：hexo-helper-live2d，github仓库：https://github.com/EYHN/hexo-helper-live2d

右下角：可爱小黑猫

安装

1.安装插件

运行命令npm install --save hexo-helper-live2d

$ npm install --save hexo-helper-live2d

> [email protected] postinstall H:\Hexo\node_modules\babel-polyfill\node_modules\core-js
> node postinstall || echo "ignore"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> [email protected] postinstall H:\Hexo\node_modules\babel-runtime\node_modules\core-js
> node postinstall || echo "ignore"


> [email protected] postinstall H:\Hexo\node_modules\live2d-widget
> opencollective-postinstall

Thank you for using live2d-widget!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/live2d-widgetjs/donate


> [email protected] postinstall H:\Hexo\node_modules\hexo-helper-live2d
> opencollective-postinstall

Thank you for using hexo-helper-live2d!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/hexo-helper-live2d/donate

npm WARN [email protected] requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
added 277 packages from 109 contributors and audited 25235 packages in 255.268s
found 20 vulnerabilities (7 low, 6 moderate, 6 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

2.选择模型

可到https://huaji8.top/post/live2d-plugin-2.0/预览效果。

命令为:npm install live2d-widget-model-模型名，模型为可参考上面的预览内容。

安装模型:

$ npm install live2d-widget-model-hijiki
npm WARN [email protected] requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
added 1 package in 52.155s

3.配置

站点的配置文件\_config.yml或者是主题的配置文件中添加：

# Live2D
## https://github.com/EYHN/hexo-helper-live2d
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: live2d-widget-model-hijiki # 模型：https://huaji8.top/post/live2d-plugin-2.0/
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true

注意这里的use参数是上面安装的那个模型全名。

4.效果图

可爱的小黑猫已上线（见封面）。如果不起效，一般需要重新生成hexo clean & hexo g。

补充

• 添加动画一般都会比较耗内存，请自行选择是否添加。
• 魔改版：在网页中添加Live2D看板娘，基于next主题。，github：https://github.com/stevenjoezhang/live2d-widget
• 魔改2：https://www.fghrsh.net/post/123.html

取消看板娘

暂时不用

将配置中的enable设置成false即可。

卸载插件

运行命令下载插件，删除配置信息：

1. 卸载模型：npm install live2d-widget-model-模型名
2. 卸载live2d插件：npm uninstall hexo-helper-live2d
3. 去掉站点_config.yml下的配置信息即可。

---

文章首发于：hexo+yilia添加live2d看板娘