hexo添加音樂目前接觸到的有兩種方案:
- 在官方網(wǎng)站獲取外鏈,比如
網(wǎng)易云音樂
等 - 自己生成外鏈,插入文章
對于方案一,在使用過程中,遇到的問題就是 很多音樂由于版權(quán)原因無法生成外鏈!!! 這個(gè)很尷尬,而且這個(gè)影響網(wǎng)站的SEO,逼格也不夠高。
無奈之下選擇方案二,本教程集中闡述方案二!!
經(jīng)過使用總結(jié),其實(shí)方案二還是很不錯(cuò)的!甚至勝過方案一!!
下面我就隆重介紹一款html5音樂播放器:Aplayer。把Aplayer加入hexo需要用到hexo-tag-aplayer插件。
切換到hexo目錄,運(yùn)行:
npm install --save hexo-tag-aplayer
安裝完成后,在需要添加音樂的地方加上:
{% aplayer "歌曲名稱" "作者" "音樂_url" "封面圖片_url" "autoplay" %}
hexo d --g
之后就會(huì)出現(xiàn)你想要的音樂啦!
這里我把音樂和專輯封面添加到七牛上,加載速度嗖嗖的。
如果你想加入歌單,把上面的代碼換成下面代碼就行,參數(shù)的用法可以參照插件的使用說明。
{% aplayerlist %}{"narrow": false,"autoplay": true,"showlrc": 3,"mode": "random","music": [{"title": "平凡之路","author": "樸樹","url": "http://og9ocpmwk.bkt.clouddn.com/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.mp3","pic": "https://ogd99kckh.qnssl.com/1.jpg","lrc": "http://og9ocpmwk.bkt.clouddn.com/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.txt"},{"title": "野子","author": "蘇運(yùn)瑩","url": "http://og9ocpmwk.bkt.clouddn.com/01%20%E9%87%8E%E5%AD%90.m4a","pic": "http://og9ocpmwk.bkt.clouddn.com/%E9%87%8E%E5%AD%90.jpg","lrc":"https://ogd99kckh.qnssl.com/%E9%87%8E%E5%AD%90.txt"}]}{% endaplayerlist %}
當(dāng)然,Aplayer的作者還有一款html5的視頻播放器,叫Dplayer,對應(yīng)有一款hexo的插件,叫hexo-tag-dplayer,有需求的可以去看看,用法都差不多。