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

博客园管理 -> 设置 -> 页脚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 @   帕图纳克斯  阅读(126)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示