把猫养在博客 - hexo美化 live2d右下角添加猫咪 改模

创作立场声明：接上一篇，做一点个性美化，下一篇解决图床和cdn加速问题，感兴趣的关注一下。

前言

上一篇 纯白嫖！*级域名+Cloud studio+CodingPages 搭建云端hexo个人博客 讲到如何免费搭建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

3.修改配置

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

# 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:hexonode_moduleslive2d-widget-model-tororoassetsmoctororo.2048texture_00.png

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

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

5.发布

先本地 hexo s 看看效果

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

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

喜欢御姐喜欢萝莉的自己选喜欢的模型安装，想个性一点就和我一样改模型吧。