新人下载app,立即提现现金 您的好友 送你现金 去提现

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

折了个腾 20-12-06 关注

创作立场声明:接上一篇,做一点个性美化,下一篇解决图床和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

具体参数可以自行调整。

4.修改模型

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

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

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

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

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

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

5.发布

先本地 hexo s 看看效果

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

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

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

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

未经授权,不得转载

展开阅读全文

打开App,享最佳阅读体验

暂无评论,打开APP参与讨论

猜你喜欢
查看更多
相关好价
相关商品
查看更多热门商品
社区主页 文章详情
1
4
0
你已经点过赞了
新浪微博 QQ空间 微信好友 豆瓣
当前为触屏版
热门搜索