插件的安装与配置

普通界面播放器
全局吸底Aplayer模式
演示
1，普通列表模式
2，单曲播放
3，迷你模式
附录
参考链接
Aplayer完整配置可选参数表
插件的安装与配置
安装 hexo-tag-aplayer 这款插件。执行如下指令：

1	npm install --save hexo-tag-aplayer

插件配置方式为修改Hexo 的配置文件中进行如下修改。就是你的Hexo根目录下的_config.yml文件。

1
2
3

aplayer:
  meting: true
  asset_inject: false

开启主题配置文件中的aplayerInject如下所示

1
2
3

aplayerInject:
  enable: true
  per_page: true

主题配置文件的就是自己建立的_config.butterfly.yml文件。建议使用vscode，可以进行全局搜索。更加方便进行修改。
至此就已经可以使用了。下面介绍两种最常用的使用。

普通界面播放器

以本博客为例，在博客的音乐页面（\source\music\index.md文件）添加如下：

1	{% meting "7422861869" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:400px" "preload:none" "theme:#ad7a86"%}

常用的选项如下所示:
server可选：netease（网易云音乐），tencent（QQ音乐），kugou（酷狗音乐），xiami（虾米音乐），baidu（百度音乐）。建议网易云
type可选：song（歌曲），playlist（歌单），album（专辑），search（搜索关键字），artist（歌手）。添加单曲选的歌曲，歌单选择playlist，可以自行尝试。
id获取示例: 打开网易云音乐，选择喜欢的歌单，在网页版打开，获取歌单list，填入即可。使用的时候将上边的ID号换为自己喜欢的歌单即可。注意歌单中不能包括VIP音乐，否则无法解析。建议单独建立一个歌单，以后有喜欢的音乐添加进去，网页也会自动同步添加。
lrcType设置为 -1默认显示歌词，放在fixed模式下比较合适。

基本上修改的参数以上就已经足够了。ID获取的方式如下。完整的参数表见附录，也可以去参考链接中查看。

也可以直接添加HTMI格式。
需要修改的参数已经给出，可以自行修改。

全局吸底Aplayer模式
把 aplayer代码插入到主题配置文件的 inject.bottom 即可。

inject:
  head:
  bottom:
    - <div class="aplayer no-destroy" data-id="7422861869" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-lrcType="-1"> </div>

需要修改的参数就只有data-id、data-server、data-type、data-autoplay=”true”、data-lrcType=”-1”一些常用的参数，可以自行根据需要修改。

最后，如果你想切换页面时，音乐不会中断。请把主题配置文件的 pjax 设为 true即可。

1
2
3

pjax:
 enable: ture
 exclude:

演示
1，普通列表模式
对应代码注意这里将 “listmaxheight:100px”列表高度调整为100，为了方便展示

1
2
3

{% meting "7422861869" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:100px" "preload:none" "autoplay = false" "theme:#ad7a86"%}
1
{% meting “7422861869” “netease” “playlist” “autoplay” “mutex:false” “listmaxheight:100px” “preload:none” “theme:#ad7a86”%}

2，单曲播放
插入单曲使用如下方式

3，迷你模式