hexo
2019-03-05
2019-03-05
首先,我不是二次元!
许多的hexo博客不免会添加live2d看板卡通人物动画,就是在页面的右下角。这个卡通动画有人物的动物的等等,别人也叫做看板娘、看板宠物,如果你想如何拥有这么诱人的互动动画,请按我的方法慢慢来做,十分钟即可。
1、安装依赖
- 安装依赖:
npm i hexo-helper-live2d --save
- 若发生错误,先打开博客根目录下面的
package.json
- 看里面有没有
hexo-helper-live2d : ^3.0.3
,有的话用命令卸载:npm uninstall hexo-helper-live2d
再重新安装依赖 - 如图已是安装好的:
2、下载动画model
- 可以直接去github或npm上面搜“live2d”即可
- 放一个github上的live2d链接
- 解压压缩包里面的
packages
文件夹,然后把该文件夹下的说有文件直接复制粘贴到你的博客的node_modules
文件夹下面即可
3、修改配置文件
- 修改博客根目录下的
_config.yml
文件,注意是根目录,不是主题的配置文件! 1
2
3
4
5
6
7
8
9
10
11live2d:
enable: true #是否开启看板
pluginModelPath: assets/
model:
use: live2d-widget-model-hibiki #模板目录,在node_modules里,想切换动画直接改最后的单词与文件夹名称最后的单词一致即可
display:
position: right #在右边显示
width: 150 #看板的宽
height: 345 #看板的搞
mobile:
show: false #是否在手机进行显示,建议关闭
执行命令hexo clean && hexo g && hexo d
部署之后可以在网上看到自己的效果了。
以下是我从之前解压的那个文件夹中选出来的几个觉得好看的动画(其实你想要哪个动画就保留那个文件夹即可)。
z16 hibiki epsilon2_1 shizuku tororo(黑色的是 hijiki) miku nico chitose