音乐播放器用的是 APlayer + Meting，这里做一个记录
贴一下官网的地址 戳我跳转
其实官网已经讲的非常的详细了
在source/_data中新建sidebar.njk,将官网的代码复制进去，,并且在 _config.yml 中开启
1
2
| custom_file_path:
sidebar: source/_data/sidebar.njk
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script>
var meting_api='https://api.injahow.cn/meting/?server=:server&type=:type&id=:id&r=:r';
</script>
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<meting-js
server="netease"
type="playlist"
id="60198">
</meting-js>
|
需要注意的是，我这里多引入了一个 CDN，不然使用 Meting.js 就需要魔法了
option 的配置，在官网中也都很详细的说明了，这里不再补充，id 里面放的是音乐的歌单 ID，在网页的 QQ 音乐或者网易云就可以看到自己的歌单 ID
以上，就可以实现了，在我的博客里就可以看到效果，如有错误，欢迎大佬指出，再次感谢大佬的开源！ ！ ！