Hexo博客添加live2d卡通人物

实现效果

先看一下实现效果，右下角的小可爱就是添加的live2d卡通人物，而且她还会眨眼睛，头会随着鼠标的移动而转动

1.安装hexo-helper-live2d

$ npm install --save hexo-helper-live2d

2.安装live2d

其中<live2d-widget-model>替换成想要的，比如我安装的的是live2d-widget-model-wanko

当然，还有很多的model可供选择，参考

xiazeyu/live2d-widget-models

hexo live2d插件 2.0 !

$ npm install <live2d-widget-model>

安装live2d-widget-model-wanko

$ npm install live2d-widget-model-wanko

3.配置

在Hexo站点配置文件_config.yml，或者主题配置文件_config.yml中添加如下配置

至于每个配置项的作用看名字就很清楚，也可以修改值然后部署看下效果

更多详细的说明和配置，详见官网EYHN/hexo-helper-live2d

live2d:enable: truescriptFrom: localpluginRootPath: live2dw/pluginJsPath: lib/pluginModelPath: assets/tagMode: falselog: falsemodel:use: live2d-widget-model-wankodisplay:position: rightwidth: 150height: 300mobile:show: truereact:opacity: 0.7

重新hexo d -g即可看到效果

Hexo博客添加live2d卡通人物相关推荐

Hexo 博客添加看板娘
Hexo 博客添加看板娘相信看到这里的小伙伴都有属于自己的hexo博客了吧,废话不多说,我们直接进入主题我的博客:传送门 1.安装模块在hexo根目录下用Git执行命令 npm install ...
为 hexo 博客添加本地搜索功能
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的!个人 ...
hexo博客添加暗色模式_我如何向网站添加暗模式
hexo博客添加暗色模式同一个网站,两种不同的配色方案 (Same website, two different color schemes) Last year I made it a point ...
hexo博客添加暗色模式_我如何将暗模式添加到我的网站
hexo博客添加暗色模式 I recently redesigned my website. Here are 2 pictures of how it looked, for reference: ...
Hexo博客添加评论功能
Hexo博客添加评论功能实现了Hexo的评论功能先附上官网链接valine官网我使用的是Material-X主题,大多主题都支持,基本在官方主题文档都可以找到使用方法 1.进入官网,注册账号需 ...
利用Cloudflare为基于GitHub Pages的Hexo博客添加HTTPS支持
文章目录 ● 前言 ● 注册 Cloudflare ● 添加站点 ● 修改DNS ● 开启 HTTPS ● 重定向强制 HTTPS HTTP(超文本传输协议),是一个基于请求与响应,无状态的,应用层的 ...
向Hexo博客添加微博秀（pug模板）
目的本文是一个详细的教程,告诉大家如何在Hexo博客中嵌入微博秀或者微博直播组件. 为什么要向博客中添加微博秀/微博直播组件? 微博秀是什么新浪微博秀,可以放置在你的博客.网站,或是其它支持htm ...
hexo博客添加本地搜索功能
写在前面本文主要描述了怎么添加hexo博客搜索插件,然后启动搜索功能,对两个本地搜索插件的使用进行了描述,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文用的东西 hexo 3.1.0 wi ...
php博客添加live2d,在博客中增加自己的live2d纸片人模型方法
准备工具github仓库:存放live2d模型和json文件如果你的博客支持本地存放文件也可,主要是博客园只支持几种格式,太坑了. 注意如果你使用git仓库的话,firefox浏览器可能不能成功显示 ...

Hexo博客添加live2d卡通人物

Hexo博客添加live2d卡通人物相关推荐

最新文章

热门文章