博客園樣式美化:給博客添加一個音樂播放器


效果展示

 


 

 

 

代碼

  博客園管理 -> 設置 -> 頁腳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就可以了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM