把猫养在博客 - hexo美化 live2d右下角添加猫咪改模_办公软件

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

前言

上一篇纯白嫖！顶级域名+Cloud studio+CodingPages 搭建云端hexo个人博客讲到如何免费搭建hexo博客，今天我们来稍微美化一下。

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

我个人博客安装的是 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