Hexo博客插入音乐
Oct 23, 2023
hexo添加音乐目前接触到的有两种方案：
在官方网站获取外链，比如网易云音乐等
自己生成外链，插入文章
对于方案一，在使用过程中，遇到的问题就是 很多音乐由于版权原因无法生成外链！这里使用第二方案做演示。
第二方案需要一款html5播放器：Aplayer。把Aplayer加入hexo需要用到hexo-tag-aplayer插件。
安装方法
cmd窗口切换到hexo目录，运行：
1 | npm install --save hexo-tag-aplayer |
安装完成后，在需要添加音乐的地方加上：
1 | {% aplayer "歌曲名称" "作者" "音乐_url" "封面图片_url" "autoplay" %} |
最后生成、推送。
如果你想加入歌单，把上面的代码换成下面代码就行，参数的用法可以参照插件的使用说明。
1 | {% 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 %} |
当然，Aplayer的作者还有一款html5的视频播放器，叫Dplayer，对应有一款hexo的插件，叫hexo-tag-dplayer，有需求的可以去看看，用法都差不多。