频繁折腾博客中…😂看到很多大佬的博客中都有一只看板娘，而且会根据鼠标的位置做不同的动作，很是羡慕。于是准备在自己的博客上也加一只~

1. 安装live2d

切换到博客的根目录下，打开git bash

1
npm install --save hexo-helper-live2d

来安装hexo-helper-live2d插件。

提示用npm audit fix进行修复，按照指令做就好了。

2. 安装喜欢的模型

模型名在这里——live2d-widget-models

模型预览在这里——hexo live2d 模型

我这里下载的是wanko，一只狗子🤗，命令如下：

1
npm install --save live2d-widget-model-wanko

3. 配置信息

在博客根目录下的_config.yml中添加配置：

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

更详细的配置请参见hexo live2d官方文档。

然后清空一下浏览器缓存，hexo clean&&hexo g&&hexo s三连就能看见博客里多了一只傻汪啦😝

4. 参考