为Hexo添加音乐
本来打算自己写个插件,无奈有点费时间,主要是后天要考试试啦,头有点大。于是使用了音乐外链播放器。一开始直接用的网易云单首歌曲的播放器,但是只能播放同一首歌曲,而且切换歌曲很麻烦,想着加个音乐搜索功能,然后发现有个更好的方式——使用歌单外链。但是打开网易云歌单会发现找不到歌单的外链,不过仔细看源码会发现有个歌单id,这样就够了
使用一个开源项目
Aplayer
<script src="https://cdn.bootcss.com/aplayer/1.6.0/APlayer.min.js"></script>
<script src="https://api.i-meto.com/music/player.js"></script>
引入上述文件后在需要的位置添加播放器:
<div class="aplayer" data-id="373559" data-server="xiami" data-type="song"></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: 自动播放
- true
- false