hexo 添加live2d看板动画

最新推荐文章于 2024-10-13 19:25:52 发布

weixin_33790053

最新推荐文章于 2024-10-13 19:25:52 发布

阅读量605

点赞数

文章标签： json git

原文链接：https://juejin.im/post/5b447600f265da0fa332d8ac

版权

首先贴出官网代码

官网地址配置：https://www.npmjs.com/package/hexo-helper-live2d

按如下步骤执行

1️⃣ 首先检查博客主目录下面的 package.json里是否有 "hexo-helper-live2d": "^3.0.3",依赖，有的话可以先卸载使用命令：npm uninstall hexo-helper-live2d 之后再安装：npm install --save hexo-helper-live2d

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

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

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

2️⃣下载各种动画model：地址：https://github.com/xiazeyu/live2d-widget-models.git

3️⃣下载好之后将packages里的所有动画模板拷贝到博客的node_modules目录里

4️⃣配置博客站点配置文件，_config.yml

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

5️⃣开始部署当使用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'

说明已经加载到了配置的动画模板，到此就完成了。