# 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 啦