首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >hexo添加live2d看板动画

hexo添加live2d看板动画

作者头像
用户6808043
发布于 2022-02-25 08:08:55
发布于 2022-02-25 08:08:55
9460
举报
文章被收录于专栏:lostfawnlostfawn

首先贴出官网 https://www.npmjs.com/package/hexo-helper-live2d

按下面的步骤执行

1,首先检查博客主目录下面的 package.json里是否有 "hexo-helper-live2d": “^3.0.3”,依赖,有的话可以先卸载 使用命令:

代码语言:javascript
复制
npm uninstall hexo-helper-live2d

之后再安装:

代码语言:javascript
复制
npm install --save hexo-helper-live2d

注意:命令都是在你的博客主目录执行

安装完成之后在package.json会看到安装的model

此时再去 node_moduels目录下,可以看到有如下文件夹,这些都是动画主配置

下载各种动画model:https://github.com/xiazeyu/live2d-widget-models 下载命令如下:

代码语言:javascript
复制
npm install --save live2d-widget-model-xxx

配置博客站点配置文件,_config.yml

代码语言:javascript
复制
live2d:
  enable: true
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-epsilon2_1  #模板目录,在node_modules里
  display:
    position: right
    width: 150 
    height: 300
  mobile:
    show: false  #是否在手机进行显示

当使用hexo clean或者 hexo g命令的时候,这时候就可以看到如下日志了

INFO HEXO-HELPER-LIVE2D: Loaded model from npm-module(1), live2d-widget-model-epsilon2_1@1.0.5 from ‘D:\github\blog\node_modules\live2d-widget-model-epsilon2_1\assets’ 说明已经加载到了配置的动画模板,到此就完成了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-4-13,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 首先贴出官网 https://www.npmjs.com/package/hexo-helper-live2d
  • 按下面的步骤执行
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档