给博客添加一个播放器

先看效果

官方教程

首先安装aplayer插件

1
$ npm install --save hexo-tag-aplayer

可能新版本主题已经自带,可能不需要安装

安装之后，根据官方的提示关闭自带的aplayer插件。

之后在需要的页面插入

1
<div class="aplayer no-destroy" data-id="000PeZCQ1i4XVs" data-server="tencent" data-type="artist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-preload="none" data-autoplay="true" muted></div>

简单来说就是一个底部div
部分参数说明
data-id = 你的音乐列表或者音乐连接id
data-server = 服务商 腾讯 或者 网易云
data-type = artist 为 列表
data-order = random 为随机播放
…
详细参数请看上一篇文章.
最后在主题配置中引入

另外如果主题开启pjax

就可以做到切换页面不中断音乐的效果

最后一套素质三连击(clean g s)

=是不是很简单呀~