Hexo博客添加live2d卡通人物

具体效果
Hexo博客添加live2d卡通人物_第1张图片
右下角的小可爱就是添加的live2d卡通人物,而且她还会眨眼睛,头会随着鼠标的移动而转动

1.安装hexo-helper-live2d
在这里插入图片描述
npm install --save hexo-helper-live2d

2.安装live2d

其中替换成想要的,比如我安装的的是live2d-widget-model-haruto
更多请:点击此处

安装live2d-widget-model-haruto
npm install live2d-widget-model-haruto

配置
请向Hexo的 _config.yml 文件或主题的 _config.yml 文件中添加配置.
更多配置请看大佬:点击这里

示例:

live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d-widget-model-wanko
display:
position: right
width: 150
height: 300
mobile:
show: true
react:
opacity: 0.7

最后 hexo clean
hexo g
hexo d 即可

你可能感兴趣的:(实用技术)