前言

初衷

之前寫的這篇文章詳細的介紹瞭如何使用aplayer插件給自己的博客添加音樂播放器，體驗了一段時間後覺得該播放器應用在在單一頁面中使用效果挺好。但如果想作爲博客背景音樂播放器還是有很大的侷限性，其中最重要的一點是因爲博客不支持pjax導致每次切換頁面後音樂都會從頭播放體驗很不好。
在Shawn的推薦下，用上了下面這款播放器，可以前往我的個人主頁體驗。

聲明

因爲很多小夥伴在配置這款播放器過程中遇到了問題，爲了少讓你們跳些坑纔有了這篇博客：
創作這篇博客無任何利益驅動，博主也僅爲播放器普通用戶。
播放器

明月浩空音樂
上面說aplayer用作背景音樂存在侷限性，下面這款播放器解決該侷限性的方法是斷點續播。
點擊進入播放器官網，提供兩種版本，分別是免費版和付費版：
免費版：
- 每三個月必須登陸一次後臺否則回收賬號。
- 功能受限（一個歌單，不可批量導入歌曲，個性設置受限（下圖））
- 存在廣告，注意看下圖：
付費版：
- 不存在上述免費版本限制
- 免費提供獨立域名播放器：推薦點擊這裏體驗。
- 收費標準：自行前往官網查看。
  個人想法：我是花一元買的5000次播放量升級到付費版本，這些播放量對我這小站來說也是足夠了，畢竟作者還要爲服務器買單，總是白嫖也不好（我主要是想去廣告…）。
  註冊並登陸
點擊這裏開始註冊，輸入用戶名、密碼等信息：

注意保護個人隱私安全！
點擊進入後臺：
點擊確定添加播放器，輸入播放器名稱：
創建成功，點擊下一步：
配置播放器
輸入授權域名：

這個功能的目的是防止盜取播放次數，對於付費用戶（特別購買播放次數的用戶）如果別人盜取了你播放器id將其用於自己網站，那麼你的播放次數就得不到保障。
創建歌單：
爲歌單添加歌曲：
將歌單加入播放器：

刪除原有歌單的原因：免費用戶只能添加一個歌單。
開始使用
測試播放器：

如果沒有該選項，嘗試刷新頁面解決。

看自己添加的歌曲是否在歌曲列表中出現。
獲取js代碼：
在博客中使用（butterfly主題爲例）：
查看自己主題的版本號：
- 若< v2.3.5：
  配置文件搜索footer_custom_text:，在後面添加上一步獲取的js代碼，如下圖：
  
  如果本地運行時提示：
  
  在剛剛添加的代碼前面加上下面的代碼：
```
<script src="//lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
```
  添加後：
- 若>=v2.3.5：
  主題配置文件搜索bottom，將複製的js代碼粘貼上去：
  
  注意格式與上圖保持一致。
  後記
使用hexo s命令本地測試時播放器不能使用，因爲在前面步驟中播放器綁定了安全域名，而本地使用的域名是localhost:4000，導致觸發限制，執行hexo d命令後將其推到遠程倉庫，即可在自己博客使用啦！
如果你想擁有會員權限但又接受不了付費條件的話，再推薦一款完全免費的播放器-梨花帶雨，具體教程不再給出請自行鑽研（差別不大），在hexo框架下尤其是butterfly主題下能否正常使用博主未作測試。
博客最後貼上一張貓貓的懶照，哈哈：

不足之處，歡迎留言，評論會及時回覆，錯誤會及時更正！
創作不易，感謝支持！
最後的最後，歡迎訪問我的個人博客XJHui’s Blog。