Hexo+yilia添加helper-live2d插件宠物动画，很好玩的哦~~

个人主页：https://www.yuehan.online

现在博客：www.wangyurui.top

安装模块:

博客根目录选择cmd命令窗口或者git bash 输入以下代码，安装插件

操作：

npm install --save hexo-helper-live2d

下载模型

作者动画展示网站https://huaji8.top/post/live2d-plugin-2.0/

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

选好对应的模型，使用 npm install 模型的包名来安装

比如我选择的的是live2d-widget-model-hijiki 模型包

在hexo博客根目录选择cmd命令窗口或者git bash 输入以下代码

$ npm install live2d-widget-model-hijiki

执行安装就完事了

配置

请向Hexo的 _config.yml 文件添加配置.

操作：

打开个人Hexo博客文件根目录下的 _config.yml 文件，在最后添加一下代码
示例:

live2d:enable: truescriptFrom: localpluginRootPath: live2dw/pluginJsPath: lib/pluginModelPath: assets/tagMode: falsedebug: falsemodel:use: live2d-widget-model-hijikidisplay:position: rightwidth: 150height: 300mobile:show: true

插件部署与应用就完成了，接下来就是部署hexo博客和个人主页
现在博客：www.wangyurui.top

转载于:https://www.cnblogs.com/wangyuehan/p/9860371.html

Hexo+yilia添加helper-live2d插件宠物动画，很好玩的哦~~相关推荐

hexo+yilia添加相册视屏功能
文章目录一.增加相册功能 1. 原理 2.修改代码 2.1 新建博客的photos页面 2.2 新建本地图片库 2.3 修改`tool.py`中的路径 2.4 每次上传照片都需要运行python脚本 ...
hexo+yilia添加网站运行时间，ICP备案信息，设定站点建立时间
文章目录 1.添加网站运行时间硬性配置灵活配置(推荐) 效果 2.添加ICP备案信息效果 3.设定站点建立时间效果 hexo+yilia(在底部)添加网站运行时间:本站已安全运行 101 天 ...
hexo+yilia添加版权声明
文章目录 1.借鉴修改版 1.1在文末添加声明 1.2添加样式 1.3在主题中开启设置 2.升级版-配置版添加版权声明,效果图: 参考: 版权声明在Hexo中自动为Yilia主题增加版权声明 he ...
hexo yilia 添加友言畅言评论支持
本人搭建博客地址: http://www.janszeng.top/ 上一篇文章<hexo yilia 文章浏览量统计>,已经介绍了如何配置统计一个博客的访问量,那么如何配置评论系统呢? ...
Hexo+yilia添加helper-live2d插件实现宠物动画
个人主页:https://javacfox.github.io 实现方法在博客目录选择cmd命令窗口或者git bash窗口输入以下代码,安装插件 npm install --save hexo-h ...
hexo+yilia添加live2d看板娘
文章目录安装 1.安装插件 2.选择模型 3.配置 4.效果图补充取消看板娘暂时不用卸载插件添加live2d看板娘,插件:hexo-helper-live2d,github仓库:https ...
hexo右下角弄一个live2d的卡通动画小人
首先贴出官网代码官网地址配置:https://www.npmjs.com/package/hexo-helper-live2d 按如下步骤执行 1️⃣ 首先检查博客主目录下面的 package.js ...
hexo+yilia添加隐藏左边栏目按钮
文章目录添加隐藏左边栏目按钮制作按钮样式添加按钮到相应的位置结合我的配置进行修改修改位置事件响应响应式:手机端隐藏按钮 :bug: 效果图: 点击按钮时,缩进左侧边栏,再次点击再弹出来. ...
Hexo + yilia 主题 +githubpages博客添加友言评论功能
前言 Hexo博客的Yilia主题中评论系统只提供了畅言.网易云跟帖.多说和Disqus. 由于多说评论.网易云跟帖已经关闭系统,畅言需要域名备案,而github是国外的,没有备案,所以尝试了其他第三 ...

Hexo+yilia添加helper-live2d插件宠物动画，很好玩的哦~~

安装模块:

操作：

下载模型

配置

操作：

Hexo+yilia添加helper-live2d插件宠物动画，很好玩的哦~~相关推荐

最新文章

热门文章