给hexo博客添加Live2d小人

1.安装 hexo-helper-live2d 插件

1
npm install --save hexo-helper-live2d

2.在根目录下config.yml 添加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# live2d
live2d:
  enable: true  # 是否启动
  scriptFrom: local # 默认
  pluginRootPath: live2dw/  # 插件在站点上的根目录(相对路径)
  pluginJsPath: lib/  # 脚本文件相对与插件根目录路径
  pluginModelPath: assets/  # 模型文件相对与插件根目录路径
  tagMode: false  # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
  debug: false  # 调试, 是否在控制台输出日志
  model:
    use: nepmaid  ## 模型文件
  display:
    position: right # 定位方向 left right top bottom
    width: 150  # 小人宽度
    height: 300 #  小人高度
    hOffset: -15  # 向 偏移
    vOffset: -15  # 像 偏移
  mobile:
    show: false  # 手机端是否显示
  react:
    opacity: 0.7  # 模型透明度

3.EYHN/hexo-helper-live2d: Add the Sseexxyyy live2d to your hexo! (github.com)上下载live2d-widget-models-master包

4.在根目录下新建名为live2d_models的文件夹，复制 live2d-widget-models-master > packages > 中任意模型包到该文件夹下，如该图为miku模型

5.回到 config.yml 

1
2
model:
  use: live2d-widget-model-miku  ## 改为你使用的模型文件名