心血来潮在寻找markdown2语法教程的时候偶然发现了关于HEXO博客加载live2d看板娘的教程，为了让我以后进行修改的时候更加简单，也为了服务广大~~不会百度傻屌~~网友，我把简略步骤记录在博客上。

Live2D共有两个分支：Cubism（主要）和Euclid（已停止开发）。若无特殊说明，Live2D均指Cubism分支。

Live2D Cubism的工作原理是通过将一系列的2D图像进行平移、旋转和变形等操作，生成一个具有自然动画效果的可动人物模型。由于Live2D只需一系列2D原图即可生成具有类似于3D动画效果的模型，比3D建模耗费的时间和成本更少，因此受到很多游戏制作者，特别是小成本AVG和手游作者的喜爱。另外，Live2D生成的模型相对于真正的3D模型，可以更好地还原手绘风格。

Live2D Cubism生成的模型并不是真正的3D模型，因此具有一些局限性，比如无法进行大幅度的转身动作。而Live2D Euclid可以达到这一效果。
。———摘自维基百科

安装Live2D模块

首先需要安装hexo里的Live2D模块,在博客的根目录下右键GIT BASH HERE。

输入：

npm install --save hexo-helper-live2d

卸载命令：

npm uninstall hexo-helper-live2d

安装完之后可以在博客根目录的node_modules文件夹内发现live2d-widget

配置动画模型

获取需要的live2d模型的方式有很多种，可通过搜索引擎找到许多好看可爱的模型，在这里我只列举出我找到~~（复制）~~的模型。（感谢模型的作者）
https://github.com/xiazeyu/live2d-widget-models

在作者git里有完整的模型安装教程，我在这里就不在累述了~~（偷懒）~~

修改博客配置文件

在下好模型之后，还剩下最后一大步：配置博客的配置文件（即根目录下的_config.yml）

在文件内的结尾添加如下内容（需要自行更改配置文件内的模型名称，这里面是hijiki）

# Live2D    
## https://github.com/EYHN/hexo-helper-live2d
live2d:
enable: true
scriptFrom: jsdelivr # 默认
pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
pluginModelPath: assets/ # 模型文件相对与插件根目录路径
# scriptFrom: jsdelivr # jsdelivr CDN
# scriptFrom: unpkg # unpkg CDN
# scriptFrom: https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js # 你的自定义 url
tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
debug: false # 调试, 是否在控制台输出日志
model:
    use: live2d-widget-model-hijiki # npm-module package name
    # use: hijiki # 博客根目录/live2d_models/ 下的目录名
    # use: ./wives/hijiki # 相对于博客根目录的路径
    # use: https://cdn.jsdelivr.net/npm/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json # 你的自定义 url
    scale: 1
    hHeadPos: 0.5
    vHeadPos: 0.618
display:
    superSample: 2
    width: 125
    height: 125
    position: left
    hOffset: 30
    vOffset: -20
mobile:
    show: false
    scale: 0.05
react:
    opacityDefault: 1
    opacityOnHover: 0.2

关于这段配置的代码我找了很多的教程，不知道是因为我个人疏忽还是说服务器上传速度太慢，只有这段代码是成功了的，并且目前即使我的手机端显示是关闭的，挂件依旧会在浏览器中显示出来（安卓qq自带浏览器，夸克浏览器，小米内置浏览器），在我排查并解决问题之后我将会重新更新这篇博客。

部署到网站

在完成上述的三步操作之后，在终端中输入hexo d -g即可将看板娘部署上网站

（注意，因为存在上传速度和挂件加载速度问题，在上传之后不要因为没有立即加载出来而认为自己失败，需要等待一段时间并刷新页面确认，这段话适用以后所有关于博客的配置）

打开自己的网站欣赏自己的看板娘吧~have fun~

本篇博客大量（真的很大量）借鉴了

https://sevencho.github.io/archives/cb206c67.html

https://11.tt/posts/2018/how-to-play-with-live2d-on-hexo/

以上这两位作者的教程，由衷感谢两位的付出，谢谢你们