由于不打算再迁到hexo了，把jekyll加入live2d模型的方法记录一下
2019-8-1: 迁hexo了。

安装hexo

npm install hexo-cli

使用hexo初始化一个本地的博客文件夹 hexo init

安装需要的依赖 npm install就可以了

在hexo安装live2d插件

1
yarn add hexo-helper-live2d

在hexo配置一下

在config里面加入live2d的配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
hexo-helper-live2d项目给的配置文件例子
live2d:
  model:
    scale: 1
    hHeadPos: 0.5
    vHeadPos: 0.618
  display:
    superSample: 2
    width: 150
    height: 300
    position: right
    hOffset: 0
    vOffset: -20
  mobile:
    show: true
    scale: 0.5
  react:
    opacityDefault: 0.7
    opacityOnHover: 0.2

找你要加入的live2d模型（有钱的可以去订做，把widget替换掉。

koharu在这里面live2d-widget-model

clone所需要的live2d模型后，还需要在config里面加入一个live2d配置。

配置文件如下（注释是wife还行）

1
2
3
4
5
6
7
8
9
10
11
12
#wife
live2d:
  enable: true
  pluginModelPath: assets/
  model:
    use: koharu  #模板目录，在node_modules里
  display:
    position: right
    width: 150 
    height: 300
  mobile:
    show: false

启动hexo，会自动编译生成可用的模型文件

目的文件live2d文件夹，编译后的文件目录如下

1
2
_config.yml  live2d_models  package.json  scaffolds  themes
db.json      node_modules   public        source

在index中找一个js标签，加入到jekyll的需要加的layout文件中就可以直接用了

1
2
<script src="/live2dw/lib/L2Dwidget.min.js?0c58a1486de42ac6cc1c59c7d98ae887"></script>
<script>L2Dwidget.init({"pluginModelPath":"assets/","model":{"jsonPath":"/live2dw/assets/koharu.model.json"},"display":{"position":"right","width":150,"height":300},"mobile":{"show":false},"log":false,"pluginJsPath":"lib/","pluginRootPath":"live2dw/","tagMode":false});</script>