抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

关于博客主页右下角的模型人物,在此将部署方法教给各位。
首先,先去GitHub上面将人物模型下载下来,(网址:https://github.com/summerscar/live2dDemo
看板娘教程01
然后,在本地博客文件夹根目录下创建一个文件夹命名为:live2d_models
看板娘教程02
将下载下来的看板娘压缩包复制进 live2d_models 文件夹里,并解压,得到一个新的文件夹
看板娘教程03
到此为止,恭喜你,你已经看到了成功的曙光,接下来返回至博客的根目录下面打开 _config.yml 文件,在 _config.yml 文件下面添加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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
看板娘教程04
你会看到一些模型的图片,在这些模型图片中选出一个比较满意的模型图片,打开,记住这张模型图片的名字
看板娘教程05
返回刚刚看板娘的主目录打开 assets 文件夹
看板娘教程06
看板娘教程07
在 assets 文件夹下找到你刚刚所看中的模型人物名字,打开所看中人物模型文件夹,复制其路径至 use (不要完全路径),如图;
看板娘教程08
看板娘教程09
替换 use 的路径
看板娘教程10
注意文件名!!!
在博客根目录右击打开 Git
输入

1
hexo g

等待反馈完毕后再输入

1
hexo s

查看本地加载情况,各位可以访问我的博客网站进行查看
网址:https://huoshi-lydqe.vercel.app/
看板娘11
个人原因看板娘模型放在右下角各位可以参照上面的代码注释进行更改

评论