Theme NexT works best with JavaScript enabled
0%

hexo添加看板娘

^ _ ^

参考资料

CSDN 博文 : https://blog.csdn.net/qq_36239569/article/details/104104894

Live2D

Live2D是一种应用于电子游戏的绘图渲染技术,由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型,换句话说就是2D的素材实现一定程度的3D效果,但只能是一定程度3D,因为Live 2D人物无法大幅度转身。

hexo中的看板娘基于 Live2D 技术进行实现。

添加步骤

1. 安装依赖

1
npm install --save hexo-helper-live2d

添加成功后 node_modules 模块下会增加一个 live2d-widget 目录。

2. 下载模型文件
模型文件可直接用npm安装:如下

1
npm install live2d-widget-model-koharu

model名字可在live2d-widget-models中找到,也可点击live2d看板娘模型预览来选择你喜欢的模型进行安装。

3. 添加live2d看板娘到hexo
配置Hexo的主 _config.yml 或者使用的主题的 _config.yml
添加以下代码到配置文件中:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
## Live2D看板娘
live2d:
enable: true
pluginModelPath: assets/
model:
#模板目录,在node_modules里
use: live2d-widget-model-koharu
display:
position: right
width: 300
height: 600
mobile:
# 在手机端显示
show: false
rect:
opacity:0.7

4. 生成文件

1
hexo g

可爱的koharu