Hexo-Tag-APlayer 项目教程

Hexo-Tag-APlayer 项目教程

hexo-tag-aplayerEmbed aplayer in Hexo posts/pages项目地址:https://gitcode.com/gh_mirrors/he/hexo-tag-aplayer

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

Hexo-Tag-APlayer 项目的目录结构如下：

hexo-tag-aplayer/
├── docs/
│   └── README-zh_cn.md
├── lib/
│   └── ...
├── node_modules/
│   └── ...
├── src/
│   └── ...
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── package.json
└── yarn.lock

目录介绍：

• docs/: 包含项目的文档文件，如中文说明文档 README-zh_cn.md。
• lib/: 包含编译后的 JavaScript 文件。
• node_modules/: 包含项目依赖的 Node.js 模块。
• src/: 包含项目的源代码。
• .gitignore: 指定 Git 版本控制系统忽略的文件和目录。
• .npmignore: 指定 npm 发布时忽略的文件和目录。
• LICENSE: 项目的许可证文件。
• README.md: 项目的英文说明文档。
• package.json: 项目的 npm 配置文件，包含项目依赖、脚本等信息。
• yarn.lock: 锁定项目依赖版本的文件。

2. 项目的启动文件介绍

Hexo-Tag-APlayer 项目的启动文件主要是 package.json 中的脚本部分。以下是 package.json 的部分内容：

{
  "name": "hexo-tag-aplayer",
  "version": "1.0.0",
  "scripts": {
    "start": "node index.js"
  },
  "dependencies": {
    "aplayer": "^1.10.0",
    "meting": "^1.2.0"
  }
}

启动文件介绍：

• scripts: 定义了项目的启动命令，如 npm start 或 yarn start 会执行 node index.js。
• dependencies: 列出了项目依赖的模块，如 aplayer 和 meting。

3. 项目的配置文件介绍

Hexo-Tag-APlayer 项目的配置文件主要是 _config.yml，用户可以在其中进行自定义配置。以下是配置文件的部分内容：

aplayer:
  cdn: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js
  style_cdn: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css
  meting: true
  meting_cdn: https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js

配置文件介绍：

• cdn: 引用 APlayer js 外部 CDN 地址。
• style_cdn: 引用 APlayer css 外部 CDN 地址。
• meting: 是否开启 MetingJS 支持。
• meting_cdn: 引用 Meting js 外部 CDN 地址。

通过这些配置，用户可以自定义 APlayer 和 MetingJS 的 CDN 地址，以及是否启用 MetingJS 支持。

hexo-tag-aplayerEmbed aplayer in Hexo posts/pages项目地址:https://gitcode.com/gh_mirrors/he/hexo-tag-aplayer