Hexo-Helper-Live2D 项目教程

Hexo-Helper-Live2D 项目教程

hexo-helper-live2dAdd the Sseexxyyy live2d to your hexo!项目地址:https://gitcode.com/gh_mirrors/he/hexo-helper-live2d

1. 项目的目录结构及介绍

Hexo-Helper-Live2D 项目的目录结构如下：

hexo-helper-live2d/
├── _config.yml
├── package.json
├── README.md
├── lib/
│   ├── live2d.js
│   └── ...
├── node_modules/
│   └── ...
└── ...

• _config.yml: 项目的配置文件。
• package.json: 项目的依赖和脚本配置文件。
• README.md: 项目的说明文档。
• lib/: 包含项目的主要逻辑文件，如 live2d.js。
• node_modules/: 项目的依赖模块。

2. 项目的启动文件介绍

项目的启动文件主要是 lib/live2d.js，该文件负责加载和初始化 Live2D 模型。以下是 live2d.js 的主要功能：

• 加载 Live2D 模型配置。
• 初始化 Live2D 模型。
• 将 Live2D 模型插入到网页中。

3. 项目的配置文件介绍

项目的配置文件是 _config.yml，该文件包含了 Live2D 模型的各种配置选项。以下是一些常见的配置项：

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

• enable: 是否启用 Live2D 模型。
• scriptFrom: 加载 Live2D 脚本的方式，可以是 local 或 cdn。
• model: 使用的 Live2D 模型。
• display: 模型在网页中的显示位置和大小。
• mobile: 在移动设备上是否显示模型。

以上是 Hexo-Helper-Live2D 项目的基本教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对您有所帮助！

hexo-helper-live2dAdd the Sseexxyyy live2d to your hexo!项目地址:https://gitcode.com/gh_mirrors/he/hexo-helper-live2d