博客园博客美化使用APlayer+Meting实现音乐播放

效果图如下

把代码贴入 页脚HTML 代码中

<!-- 线条背景动画 -->
<!-- color: 线条颜色，默认：‘0，0，0’；三个数字分别为(R,G,B),注意使用，分割
　　 opacity: 线条透明度0~1,默认0.5
　　 count: 线条总数量，默认99
　　 z-Index: 背景的z-Index属性，css用于控制所在层的位置，默认-1 (1置顶显示)-->
<script src="https://files.cnblogs.com/files/blogs/795873/myjs.js?t=1686803351&download=true" color="255,112,12" opacity="1" count="299" zindex="-1"></script>

<!-- 网易云音乐 -->
<link rel="stylesheet" href="https://files.cnblogs.com/files/blogs/795873/APlayermini.css?t=1686804440&download=true">
<script src="https://files.cnblogs.com/files/blogs/795873/APlayer.min.js?t=1686804440&download=true"></script>
<div id="aplayer" class="aplayer" data-id="8419645741" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://files.cnblogs.com/files/blogs/795873/Meting.min.js?t=1686804440&download=true"></script>

 

其中，server指的是平台名称，netease是网易；tencent是腾讯；xiami是虾米；kugou是酷狗；baidu是百度。  

type指的是类型，playlist是歌单；song是单曲；album是专辑；search是关键词；artist是歌手。  

id指的是音乐页面链接上的id，比如下图所示的id