【美化博客园样式历程】添加音乐播放器
博客园管理 -> 设置 -> 页脚HTML代码 -> 保存
代码
直接拿别人的代码,然后进行参数的修改
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
<div id="aplayer" class="aplayer" data-id="7571368543" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
自定义歌单
网易云歌单
点击生成外链播放器,另外我发现是不能用我自己喜欢的私密data-id进行分享的,如果要自己收集的话,建议新建一个歌库就好了

然后更改上述代码的data-id即可

最终效果
可以在左下角找到对应的播放器。

参考
更多的添加方式可以查看以下博客
博客园添加背景音乐以及播放器 或在左下方固定位置添加音乐播放器 给你的博文锦上添花,增姿添彩

浙公网安备 33010602011771号