添加live2d看板娘

• 插件: hexo-helper-live2d

• github仓库: https://github.com/EYHN/hexo-helper-live2d

• 模型库: https://pan.baidu.com/s/1IQxiyalER1RchJmR0En6pQ 提取码：ev1w (失效的话 留言联系博主补档)

• 效果图:
  

安装

• 安装插件:

  npm install --save hexo-helper-live2d

  安装完成后,可以看到根目录的package.json文件里面,已经有了hexo-helper-live2d依赖

• 安装模型

  • 模型下载到上面的百度网盘,下载后解压如下图
    

  • 打开其中一个目录,到model.1024目录里面可以看到模型分解图,选择自己喜欢的模型,例如79type_1402/destroy , 然后复制到hexo跟目录下面的 live2d_models 这个文件夹里面,没有新建一个即可.

  • 修改model.json文件为 dirname.model.json 例如:destroy目录下面的model.json , 修改为 destroy.model.json

• 配置

  • 在hexo根目录下面的配置文件_config.yml添加如下内容:

    ## live2d
    live2d:
      enable: true # 是否开启live2d
      scriptFrom: local # 脚本从本地引入
      pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
      pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
      pluginModelPath: assets/ # 模型文件相对与插件根目录路径
      tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
      debug: false # 调试, 是否在控制台输出日志
      model:
          use: destroy # 填写放进live2d_models文件夹中的模型文件夹名字
          scale: 1 # canvas 模型与canvas的缩放
      display:
          width: 320 # 宽度
          height: 650 # 高度
          position: left # 显示位置
          hOffset: 0 #水平偏移
          vOffset: -20 #垂直偏移
      mobile:
          show: true # 手机端是否显示
          scale: 0.5 # 移动设备上的缩放

• 即可看到效果

补充

• 添加动画一般都会比较耗内存，请自行选择是否添加。
• 魔改版：在网页中添加Live2D看板娘，基于next主题。
  • github：https://github.com/stevenjoezhang/live2d-widget
• 魔改2：https://www.fghrsh.net/post/123.html

取消看板娘

• 将配置中的enable设置成false即可。

卸载看板娘

• 卸载live2d插件：npm uninstall hexo-helper-live2d
• 删除live2d_models目录
• 删除_config.yml下的配置信息即可。

【参考】https://blog.lete114.top/article/6d70fe9c.html

【参考】https://blog.csdn.net/weixin_43868299/article/details/108949274