avatar

hexo美化 live2d右下角添加猫咪并改模

最近玩这个Hexo博客有点上瘾,看了很多美化方案,现在是安装了 butterfly 这个主题, live2d 插件右下角加了个白猫。这个白猫嘛就是大锤,由于猫是白色而且是鸳鸯眼,于是有了改模这步。具体过程如下:

1.安装模块:

npm install --save hexo-helper-live2d

2.安装模型:

npm install live2d-widget-model-tororo

这里有很多模型可供选择,我只知道其中几种,想知道其他是什么可以安装一下npm install 模型代码

live2d-widget-model-chitose

live2d-widget-model-epsilon2_1

live2d-widget-model-gf

live2d-widget-model-haru

live2d-widget-model-haruto

live2d-widget-model-hibiki

live2d-widget-model-hijiki 黑猫

live2d-widget-model-izumi

live2d-widget-model-koharu

live2d-widget-model-miku

live2d-widget-model-ni-j

live2d-widget-model-nico

live2d-widget-model-nietzsche

live2d-widget-model-nipsilon

live2d-widget-model-nito

live2d-widget-model-shizuku 萌娘

live2d-widget-model-tororo 白猫

live2d-widget-model-tsumiki

live2d-widget-model-unitychan

live2d-widget-model-wanko 狗狗

live2d-widget-model-z16

  1. _config.yml文件中添加如下配置,hexo或者主题的 _config.yml 都可以

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# Live2D
## https://github.com/EYHN/hexo-helper-live2d
live2d:
enable: true
scriptFrom: local # 默认
pluginModelPath: assets/ # 模型文件相对与插件根目录路径
model:
use: live2d-widget-model-tororo # 模型名字
scale: 1
hHeadPos: 0.5
vHeadPos: 0.618
display:
superSample: 2
width: 250 # 显示位置及大小 我设置的250*500
height: 500
position: right
hOffset: 0
vOffset: -20
mobile:
show: false # 手机显示开关,建议关闭
scale: 0.5
react:
opacityDefault: 0.7
opacityOnHover: 0.2

4.修改模型

找到模型的目录,可以直接搜索模型名 tororo ,找到里面 texture_00.png 的图片,我的路径是:D:\hexo\node_modules\live2d-widget-model-tororo\assets\moc\tororo.2048\texture_00.png

然后直接PS打开,修改眼睛

上面是原图,下面是修改后的,随便修改一下问题不大。

5.发布

先本地 hexo s 看看效果

问题不大直接发布,不生效的话hexo clean一下,有CDN的清一下缓存。

嗯,完美的大锤可以开始调戏了。

文章作者: DaChui
文章链接: https://dachui.co/p/2.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 大锤的博客

评论