Enjoy the good lift everyday!
Hexo+Next博客添加喵星人 | PyGo²

Hexo+Next博客添加喵星人

如图,四步让给你博客入住喵星人。


安装hexo-helper-live2d

1
npm install hexo-helper-live2d --save

下载model模型

  • 在博客根目录创建一文件夹,命名live2d_models。
  • 打开Live2D模型,把项目下载到本地。
  • 把packages下的所有文件都copy到新建目录live2d_models下,每一个目录都对应一个模型。

配置博客config

打开博客的_config.yml文件,不是Next主题的配置文件,看好了。。。之后,把下面代码追加到配置文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# 动漫live2d
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: ./live2d_models/live2d-widget-model-z16
display:
position: right
width: 450
height: 750
hOffset: 10
vOffset: -20
mobile:
show: true
react:
opacity: 0.8

配置文件中live2d->model->use:./live2d_models/live2d-widget-model-z16,其中live2d-widget-model-z16是模型名称,只要更换新建目录live2d_models下的模型名称就可以改变。

重启server

1
2
hexo g -d
hexo s

重启服务&&刷新页面,会发现一只喵星人出现在你的博客上。

配置文件详解:

enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false


enable 是否启用插件
scriptFrom 未知
pluginRootPath 插件在站点上根目录的相对路径
pluginJsPath 脚本文件相对与插件根目录路径
pluginModelPath 模型文件相对与插件根目录路径
tagMode Boolean 标签模式, 是否仅替换live2d tag标签而非插入到所有页面中
debug 调试模式, 控制是否在控制台输出日志
说明:hexo g之后,会在blog/public目录下自动生成一个新文件夹live2dw,里面存放发布后站点模型。

model:
use: ./live2d_models/live2d-widget-model-z16


启用显示的模型名称,live2d_models目录下每一个目录都是一个模型。

display:
position: right
width: 450
height: 750
hOffset: 10
vOffset: -20


position 模型的位置,有left&&right
width 模型的宽度
height 模型的高度
hOffset 模型的水平偏移
vOffset 模型的垂直偏移

mobile:
show: true


是否在移动端进行显示

react:
opacity: 0.8


透明度设置:0~1 透明~不透明

学习参考:

live2d官网:https://github.com/EYHN/hexo-helper-live2d
live2d模型:https://github.com/xiazeyu/live2d-widget-models/tree/master/packages

  • 本文作者:mingliang.gao【一个爱老婆的python程序猿。。。。。。】
  • 本文链接: https://gis90.github.io/articles/4445/
  • 版权声明: 本博客所有文章欢迎转载,转载请注明出处!
觉得有帮助,请喝个咖啡
0%