我一直想建一個(gè)博客根吁，前段時(shí)間新建一個(gè)hexo博客员淫，經(jīng)歷了一些坎坷，搭建博客還算是比較順利击敌。但在我修改next主題的默認(rèn)樣式以及加入小功能的時(shí)候介返，感覺有點(diǎn)費(fèi)力。今天呢沃斤，我想講講我昨天是怎么把音樂給折騰出來的圣蝎。
在我想要給我的博客加入音樂的時(shí)候，就搜羅了網(wǎng)上的解決辦法衡瓶，一種是用網(wǎng)易云音樂生成iframe插件,直接復(fù)制對應(yīng)歌曲下方的html代碼,然后放在你想要播放音樂的頁面：
一種是用hexo的音樂播放插件Aplayer徘公，附上你的音樂外鏈。我是采用的第二種
但是做這個(gè)音樂與圖片外鏈鞍陨，昨天折騰了我一下午步淹。我在網(wǎng)上百度了很多方法从隆，用qq郵箱，百度云缭裆，音樂分享的鏈接都沒成功键闺，去了七牛云注冊又不想去實(shí)名認(rèn)證，所以不能用澈驼。傷心三秒辛燥，想到了之前我給博客加入評論系統(tǒng)的時(shí)候，使用的leancloud缝其，完美解決了圖片與音樂外鏈問題挎塌。直接上方法了……
leancloud看官網(wǎng)介紹，它是國內(nèi)的一個(gè)BaaS(翻譯:后端即服務(wù)：Backend as a Service)供應(yīng)商内边，提供后臺云服務(wù)榴都。反正對于我的理解就是，可以讓它當(dāng)我的個(gè)人博客的一個(gè)后臺漠其，可以為我存儲數(shù)據(jù)嘴高，做統(tǒng)計(jì)分析等等
第一步：去leancloud官網(wǎng)，注冊,選擇個(gè)人用戶和屎，開發(fā)版的是免費(fèi)的拴驮。
第二步：登錄你的leancloud賬號，點(diǎn)擊創(chuàng)建應(yīng)用
第三步：到你創(chuàng)建的應(yīng)用里面去柴信，點(diǎn)擊存儲套啤，見下圖，點(diǎn)擊_File随常，點(diǎn)擊上傳潜沦，找到你下載好的音樂文件和你的音樂圖片(圖片大概70×70就夠了)上傳上去就行了。將列表向后拉线罕，便可以看到對應(yīng)音樂和圖片的url鏈接啦
在這里特別說明一下止潮，有時(shí)候可能由于網(wǎng)絡(luò)的原因，上傳后音樂文件可能沒有及時(shí)顯示钞楼，如果你在列表中沒看見你上傳的文件喇闸，可以手動刷新試試。
第四步: 在你想要加入音樂播放器的頁面询件，可復(fù)制如下代碼
{% aplayer "可以了" "陳奕迅" "https://xxx.xxx.com/92b3af330d2274b1fa55.mp3" "https://xxx.xxx.com/xx.png" "autoplay" %}
如果你想放一個(gè)音樂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": "預(yù)謀邂逅","author": "阿肆","url": "http://xxx.xxx.com/1bd4f91441982710bcad.mp3","pic": "http://xxx.xxx.com/f72d61579f74d4ff9ce0.png","lrc": ""}]}{% endaplayerlist %}
注：要把圖片和音樂文件的鏈接換成第三步中自己的URL哦燃乍！
效果如下：
PS：如果上面的步驟你都做好了，但是音樂不能播放宛琅，顯示error happen的話刻蟹，應(yīng)該是你的音樂文件有問題，可以去leancloud點(diǎn)擊一下你的音樂文件試試能否播放嘿辟。
