我一直想建一個博客，前段時間新建一個hexo博客，經歷了一些坎坷，搭建博客還算是比較順利。但在我修改next主題的默認樣式以及加入小功能的時候，感覺有點費力。今天呢，我想講講我昨天是怎么把音樂給折騰出來的。
在我想要給我的博客加入音樂的時候，就搜羅了網(wǎng)上的解決辦法，一種是用網(wǎng)易云音樂生成iframe插件,直接復制對應歌曲下方的html代碼,然后放在你想要播放音樂的頁面：
一種是用hexo的音樂播放插件Aplayer，附上你的音樂外鏈。我是采用的第二種
但是做這個音樂與圖片外鏈，昨天折騰了我一下午。我在網(wǎng)上百度了很多方法，用qq郵箱，百度云，音樂分享的鏈接都沒成功，去了七牛云注冊又不想去實名認證，所以不能用。傷心三秒，想到了之前我給博客加入評論系統(tǒng)的時候，使用的leancloud，完美解決了圖片與音樂外鏈問題。直接上方法了……
leancloud看官網(wǎng)介紹，它是國內的一個BaaS(翻譯:后端即服務：Backend as a Service)供應商，提供后臺云服務。反正對于我的理解就是，可以讓它當我的個人博客的一個后臺，可以為我存儲數(shù)據(jù)，做統(tǒng)計分析等等
第一步：去leancloud官網(wǎng)，注冊,選擇個人用戶，開發(fā)版的是免費的。
第二步：登錄你的leancloud賬號，點擊創(chuàng)建應用
第三步：到你創(chuàng)建的應用里面去，點擊存儲，見下圖，點擊_File，點擊上傳，找到你下載好的音樂文件和你的音樂圖片(圖片大概70×70就夠了)上傳上去就行了。將列表向后拉，便可以看到對應音樂和圖片的url鏈接啦
在這里特別說明一下，有時候可能由于網(wǎng)絡的原因，上傳后音樂文件可能沒有及時顯示，如果你在列表中沒看見你上傳的文件，可以手動刷新試試。
第四步: 在你想要加入音樂播放器的頁面，可復制如下代碼
{% aplayer "可以了" "陳奕迅" "https://xxx.xxx.com/92b3af330d2274b1fa55.mp3" "https://xxx.xxx.com/xx.png" "autoplay" %}
如果你想放一個音樂list的話可以將上面代碼換成
{% aplayerlist %}{"narrow": false,"autoplay": true,"showlrc": 3,"mode": "random","music": [{"title": "美好事物","author": "房東的貓","url": "http://xxx.xxx.com/945198c4909674765644.mp3","pic": "http://xxx.xxx.com/6e0e9e63cb0733f7ff12.png","lrc": ""},{"title": "尚好的青春","author": "云の泣","url": "http://xxx.xxx.com/5b42b829b8ae08ccabe0.mp3","pic": "http://xxx.xxx.com/889df742eca5261f2fc5.png","lrc": ""},{"title": "預謀邂逅","author": "阿肆","url": "http://xxx.xxx.com/1bd4f91441982710bcad.mp3","pic": "http://xxx.xxx.com/f72d61579f74d4ff9ce0.png","lrc": ""}]}{% endaplayerlist %}
注：要把圖片和音樂文件的鏈接換成第三步中自己的URL哦！
效果如下：
PS：如果上面的步驟你都做好了，但是音樂不能播放，顯示error happen的話，應該是你的音樂文件有問題，可以去leancloud點擊一下你的音樂文件試試能否播放。
