0%

hexo博客增加板娘

hexo博客增加板娘

网上看到一个人也是用hexo写的博客,他的博客右下角有个二次元小姐姐,看着倒是不错的。我也是用的hexo,我是不是也可以加上,bing一下,看看这是怎么实现的?

发现是使用的插件来实现的,操作还是蛮简单的

先安装插件

1
npm install --save hexo-helper-live2d

这个要使用国内的镜像,不然下载不下来,我使用的是淘宝镜像

1
npm config set registry https://registry.npmmirror.com

然后在hexo的_config.yml中增加live2d的配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
live2d:
enable: true
# enable: false
scriptFrom: local # 默认
pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
pluginModelPath: assets/ # 模型文件相对与插件根目录路径
tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
debug: false # 调试, 是否在控制台输出日志
model:
use: live2d-widget-model-hibiki # 模型名称
display:
position: left
width: 150
height: 350
mobile:
show: true # 手机中是否展示

支持很多种模型

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 使用模型前需要先安装 npm install name
# 模型可选项
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
>npm install 模型名称

效果可以看我的博客 https://zhhll.icu/

欢迎关注我的其它发布渠道