Hexo之我的桌角女友的食用方式

秀秀

通过使用一个名为 hexo-helper-live2d 的开源库，可以轻松的在自己的Hexo网站下贴上一只生猛可爱的萌妹子或主子：

什么是live2d

Live2d是11区宅男们开发出的虚拟女友育成技术，毕。（大雾）

就如知乎上所述的，live2d是通过连续的图像连接成一张相对随机实时变化的动画，可以对光标位置进行动作交互反馈。目前在GalGame上的应用比较多。
更专业的解释看这里 如何看待live2D这项技术？ - 知乎

在11区的官网上可以看到油管的视频介绍：
Live2D ってなんだろう？ | Live2D
Live2Dの特徴 | Live2D

食用方式

在Hexo网站上，只需要导入 hexo-helper-live2d 库，依据口味搭配喜欢的素材包，3分钟加热即可食用：

1. 在Hexo网站源码根目录上安装 hexo-helper-live2d 模块：

npm install --save hexo-helper-live2d

2. （同一目录下）选择安装喜欢的素材包：

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 マニュアル

3. 在网站配置文件或主题配置文件_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-helper-live2d 中文文档看这里

4. 生成，预览

hexo g
hexo s