hexo 添加live2d看板动画

作者: annkee | 来源:发表于2018-07-10 17:02 被阅读1124次

首先贴出官网代码

官网地址配置: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
注意:命令都是在你的博客主目录执行

我的博客目录结构:d:/github/blog
安装完成之后在package.json会看到安装的model
package.json依赖
此时再去 node_moduels目录下,可以看到有如下文件夹,这些都是动画主配置
node_modules目录
2️⃣下载各种动画model:
地址:https://github.com/xiazeyu/live2d-widget-models.git

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


packages目录

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'
说明已经加载到了配置的动画模板,到此就完成了。

原创,转载请注明出处。

本人博客:https://blog.yeahoo.top/

相关文章

网友评论

  • 二十岁的男人:兄dei 你的博客优化还需要提高哦 加载太慢了
    二十岁的男人:@annkee 估计是哪个动画的原因,优化还需要加强
    annkee:@二十岁的男人 图片压缩过的,代码也压缩了,还是慢,😔,蓝瘦

本文标题:hexo 添加live2d看板动画

本文链接:https://www.haomeiwen.com/subject/pjcqpftx.html