Hexo音乐播放器

Hexo 音乐播放完美支持 https 和多平台

现在使用 https 的网站越来越多，像百度、淘宝等等都是如此
另外使用 github 搭建 hexo 的同学们，现在 gh-pages 已经强制要求全站 https 啦
这种网站格式一般为”https://xxx.github.io"
然后…发现网易云音乐已经不能正常使用了
由于网易云目前并不支持 https，所以我们只能通过插件来实现音乐播放
这里需要使用到 Aplayer

##Aplayer
毫无疑问今天介绍的方法是目前最完美的，既支持 https 还支持多平台
我们需要引用两个 JS 文件：
1.APlayer.min.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.6.0/APlayer.min.js"></script>

2.Meting.min.js

<script src="https://cdn.jsdelivr.net/npm/meting@1.0.1/dist/Meting.min.js"></script>

拿 chan 主题为例，将 APlayer.min.js 代码插入到/themes/chan/layout/_partials/header.ejs 里面
将 Meting.min.js 代码插入到/themes/chan/layout/_partials/footer.ejs 里面
需要注意的是，Meting.min.js 必须在 jquery.min.js 后面，大家可以查看网页源代码进行调整。
上述准备工作做完后，只需在插入音乐的地方添加：

<div class="aplayer" data-id="703370185" data-server="netease" data-type="playlist" data-mode="circulation" data-autoplay="false"></div>

其中的参数如下，加粗表示必须填写

data-id: 歌曲/专辑/歌单 ID

data-server: 音乐平台，支持如下参数

• netease （网易云音乐）
• tencent （qq 音乐）
• xiami （虾米音乐）
• kugou （酷狗音乐）
• baidu （百度音乐）

data-type: 请求类型，支持如下参数

• song （单曲）
• album （专辑）
• playlist （歌单）
• search （搜索）

data-mode: 播放模式

• random （随机）
• single （单曲）
• circulation （列表循环）
• order （列表）

data-autoplay: 自动播放

• false
• true

更多参数详见 https://aplayer.js.org/docs/#/?id=options
所有 aplayer 的版本 https://cdnjs.com/libraries/aplayer