静态的看板娘,动态的需要前端和后端奈何我是小白,不会。
这个是我第一个博客右下角看板娘的部署方法。想要进行部署的可以参考。
首先,先去GitHub上面将人物模型下载下来,live2dDemo
然后,在本地博客文件夹根目录下创建一个文件夹命名为:live2d_models
。
将下载下来的看板娘压缩包复制进live2d_models
文件夹里,并解压,得到一个新的文件夹。
到此为止,恭喜你,你已经看到了成功的曙光,接下来返回至博客的根目录下面打开 _config.yml
文件,在 _config.yml
文件下面添加以下代码。
live2d: ##自定义看板娘动画
enable: true #默认true打开即可
scriptFrom: local ##主目录
pluginRootPath: live2d_models/ ##模型目录
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d-widget-model-koharu ##对应的模型名称(默认是主文件)
display:
position: right ##居右是right 居左是wrong(各位可根据自己的需求自行更改)
width: 100 ##宽度 可自定义
height: 200 ##高度 可自定义
mobile:
show: true ##移动端是否显示 true是打开
react:
opacity: 0.7
permalink: posts/:abbrlink.html # 此处可以自己设置,也可以直接使用 :/abbrlink
abbrlink:
alg: crc32 #算法: crc16(default) and crc32
rep: hex #进制: dec(default) and hex
以上代码根据自己的需求进行更改
如果对默认模型不满意的可以继续看下去,如果认为默认模型已经可以了的话到这就基本上差不多结束了;
对默认模型不满意的请对照以下教程进行修改
首先打开模型文件夹下的 screenshot
文件夹 。
你会看到一些模型的图片,在这些模型图片中选出一个比较满意的模型图片,打开,记住这张模型图片的名字。
返回刚刚看板娘的主目录打开 assets
文件夹。
在assets
文件夹下找到你刚刚所看中的模型人物名字,打开所看中人物模型文件夹,复制其路径至 use
(不要完全路径),如图;
替换 use
的路径。
注意文件名!!!
在博客根目录右击打开Git
。
输入
hexo g
等待反馈完毕后再输入
hexo s
查看本地加载情况,如果本地加载没有问题就可以Git
上传部署了。
hexo d
由于一些原因我的Hexo博客(部署在Github)被我删库了,所以在此就只有之前保存的主页面的截图图片了。
个人原因看板娘模型放在右下角各位可以参照上面的代码注释进行更改。