test page (music)

音乐播放器测试(进来听歌)

Embed aplayer in Hexo posts/pages. GitHub 项目地址，感谢作者。

插件功能很强大，这里主要介绍如何使用其中一个功能MeingJS，想了解更多功能可以去看官方文档。

MeingJS支持从网易云音乐等平台获取 id（歌曲 id / 播放列表 id / 相册 id / 搜索关键字）后配合代码模板，即可在页面显示。

安装

npm install --save hexo-tag-aplayer

若无法正常显示播放器，则可能是下列 js 版本过低

• APlayer.js > 1.8.0
• Meting.js > 1.1.1

使用

1. 配置hexo配置文件_config.yml，添加如下（在文件最后直接粘贴即可）：

aplayer: 
  meting: true
# 注意，冒号后要加一个空格

2. 获取歌词、歌单ID。

没什么多说的，教程很多。
注，此测试页用的id为 445546453

3. 在markdown文件中添加如下代码模版即可：

    {% meting "获取的id" "netease" "song" "mini:ture" "volume:0.5" "theme:#49A6F9" %}
   

注意，该代码模版可能不会在markdown渲染器中渲染出来(类似插入图片，详细参考Markdown速查表)
4. hexo clean & hexo g & hexo d 三连即可看到！

标签参数

下表中的音乐平台分别代表：网易云、QQ音乐、酷狗、百度
可按照此表在代码模板中修改

选项	默认值	描述
id	必须值	歌曲 id / 播放列表 id / 相册 id / 搜索关键字
server	必须值	音乐平台: netease, tencent,kugou,baidu
type	必须值	song, playlist, album, search, artist
fixed	false	开启固定模式
mini	false	开启迷你模式
loop	all	列表循环模式：all, one,none
order	list	列表播放模式： list, random
volume	0.7	播放器音量
lrctype	0	歌词格式类型

参考链接：XJHui’sBlog