放一只简简单单的看板娘, 没有什么互动, 安安静静的陪着你读博客.
插件github地址 -> hexo-helper-live2d
我的博客效果图 -> Mr.Wang_Blog
npm install --save hexo-helper-live2d
以live2d-widget-model-miku
模型为例
live2d_models
文件夹.npm install live2d-widget-model-miku
下载模型, 并将模型目录live2d-widget-model-miku
从node_modules
里复制到live2d_models
下.live2d-widget-model-miku
, 把assets
里的内容复制到外一层.live2d-widget-model-miku
, 部署即可看到效果.向博客根目录的_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 # 在页面里的位置
hOffset: 0 # 水平偏移量, 自己微调
vOffset: -20 # 垂直偏移量, 自己微调
width: 150
height: 300
mobile:
show: true
react:
opacity: 0.7 # 透明度
现有的模型包及预览
live2d-widget-model-chitose
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)