安装模块

在hexo的根目录打开命令提示符窗口执行以下命令

1	npm install --save hexo-helper-live2d

安装模型

模型插件

在hexo的根目录打开命令提示符窗口执行以下命令

1	npm install live2d-widget-model-插件名

安装示例

配置相关信息

打开hexo博客根目录下的_config.yml，将以下配置复制到文件中，
仅将model下的use修改为要使用的动态人物模型名称即可

live2d:
  enable: true
  # 默认
  scriptFrom: local
  # 插件在站点上的根目录(相对路径)
  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
  # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
  tagMode: false
  # 调试, 是否在控制台输出日志
  debug: false
  model:
    use: live2d-widget-model-koharu
    # use: live2d-widget-model-wanko # npm-module package name
    # use: wanko # 博客根目录/live2d_models/ 下的目录名
    # use: ./wives/wanko # 相对于博客根目录的路径
    # use: https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json # 你的自定义 url
  display:
    position: right
    width: 145
    height: 315
  mobile:
    # 是否在移动设备上显示
    show: true
    # 移动设备上的缩放
    scale: 0.5
  react:
    opacityDefault: 0.7
    opacityOnHover: 0.8
  # 模型出现对话框
  dialog:
    enable: true
    hitokoto: true

文章作者: 123

文章链接: https://gao5805123.github.io/123/2020/10/12/Hexo%E7%A0%81%E4%BA%91%E5%8D%9A%E5%AE%A2%E6%B7%BB%E5%8A%A0helper-live2d%E5%8A%A8%E6%80%81%E6%A8%A1%E5%9E%8B/

博客

打赏

微信
支付宝