【亲测免费】 Hexo-Helper-Live2D 插件使用教程

项目介绍

Hexo-Helper-Live2D 是一个在 Hexo 博客上添加 Live2D 模型（看板娘）的插件。通过这个插件，用户可以十分方便地在网页上展示 Live2D 模型，为博客增添趣味性和互动性。

项目快速启动

安装插件

首先，确保你已经安装了 Hexo。然后在博客目录下执行以下命令安装 Hexo-Helper-Live2D 插件：

npm install --save hexo-helper-live2d

或者使用 Yarn 安装：

yarn add hexo-helper-live2d

配置插件

在 Hexo 的 _config.yml 文件中添加以下配置：

live2d:
  enable: true
  scriptFrom: local
  model:
    use: live2d-widget-model-haru/01
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true

运行博客

配置完成后，运行 Hexo 服务器以查看效果：

hexo clean && hexo generate && hexo server

应用案例和最佳实践

自定义模型

用户可以通过安装不同的模型包来更换看板娘的模型。例如，安装 live2d-widget-model-haru 模型：

npm install --save live2d-widget-model-haru

然后在 _config.yml 中修改 model.use 为 live2d-widget-model-haru/01。

优化加载速度

为了减少对网页加载速度的影响，可以考虑在移动设备上禁用看板娘，或者选择轻量级的模型。

典型生态项目

Hexo-Helper-Live2D 插件可以与其他 Hexo 插件结合使用，例如：

• hexo-blog-encrypt: 用于加密博客内容。
• hexo-tag-mmedia: 用于在博客中嵌入多媒体内容。
• hexo-submit-urls-to-search-engine: 用于提交博客链接至搜索引擎。

这些插件可以进一步提升博客的功能性和用户体验。