秀秀
通过使用一个名为 hexo-helper-live2d 的开源库,可以轻松的在自己的Hexo网站下贴上一只生猛可爱的萌妹子或主子:
什么是live2d
Live2d是11区宅男们开发出的虚拟女友育成技术,毕。(大雾)
就如知乎上所述的,live2d是通过连续的图像连接成一张相对随机实时变化的动画,可以对光标位置进行动作交互反馈。目前在GalGame上的应用比较多。
更专业的解释看这里 👉 如何看待live2D这项技术? - 知乎
在11区的官网上可以看到油管的视频介绍:
Live2D ってなんだろう? | Live2D
Live2Dの特徴 | Live2D
食用方式
在Hexo网站上,只需要导入 hexo-helper-live2d 库,依据口味搭配喜欢的素材包,3分钟加热即可食用:
- 在Hexo网站源码根目录上安装 hexo-helper-live2d 模块:
npm install --save hexo-helper-live2d
- (同一目录下)选择安装喜欢的素材包:
npm install {packagename}
# 例如:npm install live2d-widget-model-z16
目前可选的素材包列表:
- live2d-widget-model-chitose
- live2d-widget-model-epsilon2_1
- live2d-widget-model-gf
- live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
- live2d-widget-model-haru/02 (use npm install --save 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
各素材预览图如下:
素材预览
参阅:
GitHub - xiazeyu/live2d-widget-models
岛国官方素材DL - サンプルデータ集 - Live2D Cubism 2 マニュアル
- 在网站配置文件或主题配置文件_config.yml中追加:
live2d:
# 固定写法,具体用途参阅下方文档
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
# 这里根据已安装的素材包填写,如:live2d-widget-model-z16
use: live2d-widget-model-素材包名
# 摆放位置
display:
position: right
width: 150
height: 300
mobile:
show: true
- 生成,预览
hexo g
hexo s
网友评论