csharp
title: Hexo 添加 Live2D看板娘
开始
首先进入Hexo博客根目录安装live2d插件
$ npm install --save hexo-helper-live2d
接着,修改根目录下的 _config.yml 文件
添加自定义配置(下面提供我的配置做参考):
## live2d
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d-widget-model-z16
scale: 1
hHeadPos: 0.5
vHeadPos: 0.618
display:
superSample: 2
width: 150
height: 300
position: right
hOffset: 0
vOffset: -20
mobile:
show: true
scale: 0.5
react:
opacityDefault: 0.7
opacityOnHover: 0.2
细心一点肯定能发现 model.use 后的字符串就是看板娘模型的名字
现在你就可以进入 模型预览 挑选自己喜欢的看板娘啦
现在假设你所挑选的看板娘也是z16
你有几种方式让看板娘进驻你的Hexo博客,这里只提供最方便的一种(命令安装)。
进入博客根目录输入以下命令:
$ npm install live2d-widget-model-z16
再将 _config.yml 中 model.use检查 一遍确保与你安装的名称一致
到此处看板娘进驻成功
以下是Hexo常规操作,熟悉的小伙伴就不用继续了
$ git add .
$ git commit -m "添加看板娘"
$ Hexo s # 本地查看