【美化博客园样式历程】添加音乐播放器

博客园管理 -> 设置 -> 页脚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即可

最终效果

可以在左下角找到对应的播放器。

参考

博客园样式美化:给博客添加一个音乐播放器

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

关于网易云音乐“我喜欢的歌曲”歌单外链失效的解决方案

posted @ 2022-08-03 17:13  帕图纳克斯  阅读(138)  评论(0)    收藏  举报