hexo添加音樂目前接觸到的有兩種方案:
- 在官方網(wǎng)站獲取外鏈,比如
網(wǎng)易云音樂
等 - 自己生成外鏈关斜,插入文章
對于方案一示括,在使用過程中,遇到的問題就是 很多音樂由于版權(quán)原因無法生成外鏈A⌒蟆6庀ァ! 這個很尷尬丁稀,而且這個影響網(wǎng)站的SEO吼拥,逼格也不夠高。
無奈之下選擇方案二线衫,本教程集中闡述方案二T淇伞!
經(jīng)過使用總結(jié)授账,其實方案二還是很不錯的枯跑!甚至勝過方案一!白热!
下面我就隆重介紹一款html5音樂播放器:Aplayer全肮。把Aplayer加入hexo需要用到hexo-tag-aplayer插件。
切換到hexo目錄棘捣,運行:
npm install --save hexo-tag-aplayer
安裝完成后,在需要添加音樂的地方加上:
{% aplayer "歌曲名稱" "作者" "音樂_url" "封面圖片_url" "autoplay" %}
hexo d --g
之后就會出現(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": "蘇運瑩","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仑荐,有需求的可以去看看雕拼,用法都差不多。