音乐配置方法

想要在博客里面添加音乐界面

1. 首先需要下载插件：

npm install --save hexo-tag-aplayer

2. 然后在根目录的_config.yml文件中使用插件：

aplayer:
  meting: true
  asset_inject: false

3. 在_config.butterfly.yml文件中打开开关：

# Inject the css and script (aplayer/meting)
aplayerInject:
  enable: true
  per_page: true

4. 在\source\music\index.md文件中添加如下代码：

{% meting "12382041415" "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: 在网页版地址栏可以看到id。
• lrcType设置为 -1默认显示歌词，放在fixed模式下比较合适。

底部播放器添加方式

在_config.butterfly.yml文件中配置：

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	必须值	歌曲 id / 播放列表 id / 相册 id / 搜索关键字
data-server	必须值	音乐平台: netease, tencent, kugou, xiami, baidu
data-type	必须值	song, playlist, album, search, artist
data-fixed	false	开启固定模式
data-mini	false	开启迷你模式
data-loop	all	列表循环模式：all, one,none
data-order	list	列表播放模式： list, random
data-volume	0.7	播放器音量
data-lrctype	0	歌词格式类型
data-listfolded	false	指定音乐播放列表是否折叠
data-storagename	metingjs	LocalStorage 中存储播放器设定的键名
data-autoplay	true	自动播放，移动端浏览器暂时不支持此功能
data-mutex	true	该选项开启时，如果同页面有其他 aplayer 播放，该播放器会暂停
data-listmaxheight	340px	播放列表的最大长度
data-preload	auto	音乐文件预载入模式，可选项： none, metadata, auto
data-theme	#ad7a86	播放器风格色彩设置

如果需要切换页面时音乐继续播放，在_config.butterfly.yml文件中配置：

pjax:
 enable: ture
 exclude: