# Hexo-helper-live2d 插件安装与配置

Hexo 的官方支持看板娘,已经封装好了插件~

不用折腾啦,欸真好啊

# 安装插件

在站点根目录下打开终端,输入以下命令

npm install --save hexo-helper-live2d

# 选择并安装模型

以 live2d-widget-model-shizuku 模型为例

npm install --save live2d-widget-model-shizuku

点击预览更多模型

# 配置 Live2d

站点配置文件 _config.yml ,新添加如下内容:

# Live2D
## https://github.com/EYHN/hexo-helper-live2d
live2d:
  enable: true
  # enable: false
  scriptFrom: local # 默认
  pluginRootPath: live2dw/ # 插件在站点上的根目录 (相对路径)
  pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
  pluginModelPath: assets/ # 模型文件相对与插件根目录路径
  # scriptFrom: jsdelivr # jsdelivr CDN
  # scriptFrom: unpkg # unpkg CDN
  # scriptFrom: https://cdn.jsdelivr.net/npm/[email protected]/lib/L2Dwidget.min.js # 你的自定义 url
  tagMode: false # 标签模式,是否仅替换 live2d tag 标签而非插入到所有页面中
  debug: false # 调试,是否在控制台输出日志
  model:
    use: live2d-widget-model-shizuku # 使用的 Live2d 模型名称
    # use: wanko # 博客根目录 /live2d_models/ 下的目录名
    # use: ./wives/wanko # 相对于博客根目录的路径
    # use: https://cdn.jsdelivr.net/npm/[email protected]/assets/wanko.model.json # 你的自定义 url
  display:
    position: right #显示位置
    width: 150
    height: 300
  mobile:
    show: true # 手机中是否展示

最后输入 hexo clean && hexo g && hexo s 就可以本地预览看到你的 Live2d 啦