基于MeingJS在Hexo中插入音乐的方法

在Hexo博客中添加音乐播放器 - hexo-tag-aplayer使用指南

为什么会有这一期呢?那自然是因为想着做一点音乐分享的文章,说是分享,更多来说算是收藏才对


插件安装

首先需要安装hexo-tag-aplayer插件:

1
npm install --save hexo-tag-aplayer

配置启用

在Hexo的配置文件_config.yml中添加以下配置以启用Meting功能:

1
2
aplayer:
meting: true

使用方法

基本语法

在Markdown文件中使用以下标签语法插入音乐:

1
{% meting "音乐ID" "平台" "类型" %}

实用示例

  1. 插入网易云歌单
1
{% meting "歌单ID" "netease" "playlist" %}
  1. 插入QQ音乐单曲
1
{% meting "音乐ID" "tencent" "song" %}
  1. 搜索并播放音乐
1
{% meting "搜索关键词" "netease" "search" %}

配置选项参考

选项 默认值 说明
id 必填 歌曲ID/歌单ID/专辑ID/搜索关键词
server 必填 音乐平台:netease(网易云), tencent(QQ音乐), kugou(酷狗), xiami(虾米), baidu(百度音乐)
type 必填 类型:song(单曲), playlist(歌单), album(专辑), search(搜索), artist(艺人)

更多高级设置和选项请参考MetingJS官方文档

注意事项

  1. 确保在发布前测试音乐播放器是否正常工作
  2. 不同音乐平台的ID获取方式可能不同
  3. 某些音乐可能因版权限制无法播放

提示:你可以通过音乐平台的网页版URL中找到音乐/歌单的ID。



基于MeingJS在Hexo中插入音乐的方法
https://blog.qfmy.vip/meingjs-hexo-audio-plugin/
作者
Harrison
发布于
2025年7月20日
许可协议