效果展示


代碼
博客園管理 -> 設置 -> 頁腳HTML代碼
把下面的代碼粘貼上就ok了!
1 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css"> 2 <script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script> 3 <div id="aplayer" class="aplayer" data-id="865331941" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div> 4 <script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
保存之后就可以看到左下角的音樂播放器了,看博客的時候來點背景音樂也是可以的!
自定義自己的歌單
最核心的就是修改data-id和data-server就可以了
舉例網易雲音樂
選擇一個自己喜歡的歌單,可以看到有生成外鏈播放器,如下圖,

進去之后就可以看到歌單的id了,復制這個id,然后修改上述代碼的data-id就可以了

