Butterfly添加全局吸底Aplayer教程
Home - APlayer

初步设置

  1. 在博客根目录[BlogRoot]下打开终端，运行以下指令：
1
npm install hexo-tag-aplayer --save
  1. 在网站配置文件_config.yml中修改aplayer 配置项为：
1
2
3
4
# 音乐插件  
aplayer:   
  meting: true  
  asset_inject: false
  1. 在主题配置文件中修改aplayerInject配置项为：
1
2
3
4
# Inject the css and script (aplayer/meting)  
aplayerInject:  
  enable: true  
  per_page: true

普通界面播放器

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

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

或者使用 HTML 格式

1
<div class="aplayer" data-id="000PeZCQ1i4XVs" data-server="tencent" data-type="artist" data-preload="auto" data-theme="#3F51B5"></div>

全局吸底模式

在主题配置文件中设置：

1
2
3
4
5
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>

几种不同的模式

普通列表模式

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

单曲播放

1
<div class="aplayer no-destroy" data-id="1441758494" data-server="netease" data-type="song"  data-autoplay="true" data-lrcType="-1"> </div>

迷你模式

1
<div class="aplayer no-destroy" data-id="1441758494" data-server="netease" data-type="song" data-mini="true" data-autoplay="true" data-lrcType="-1"> </div>

其他

参数

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

换页不中断音乐

在主题配置文件中设置：

1
2
3
pjax:
 enable: true
 exclude: