Hexo系列（三）| 整合全局音乐

1、hexo 目录下安装

npm install –save hexo-tag-aplayer

2、修改 hexo 目录下 Hexo 配置文件_config.yml

aplayer:
  enable: true
  asset_inject: false

3、修改 hexo 目录下主题配置文件_config.butterfly.yml

找到： aplayerInject

aplayerInject:
  enable: true 
  per_page: true

找到：pjax

pjax:
  enable: true

找到：inject 在 bottom 里添加

inject:
  head:
  bottom:
    - '<div data-id="60198" data-server="netease" data-type="song" data-fixed="true" data-autoplay="true"> </div>'

以上修改后，既可实现全局播放器，不会因为页面切换中断

以下是添加音乐的方法：修改以上bottom内的代码

引用自 butterfly 主题文档说明，加了翻译

<div data-id="60198" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="`false`"> </div>
optiondefaultdescription
data-idrequiresong id / playlist id / album id / search keyword
data-serverrequiremusic platform: netease, tencent, kugou, xiami, baidu
data-typerequiresong, playlist, album, search, artist
data-fixedfalseenable fixed mode 【开启固定模式】
data-minifalseenable mini mode 【开启迷你模式】
data-autoplayfalseaudio autoplay 【自动播放，移动端浏览器暂时不支持此功能】
data-theme#2980b9main color 【主题颜色】
data-loopallplayer loop play, values: ‘all’, ‘one’, ‘none’ 【列表循环模式：all, one,none】
data-orderlistplayer play order, values: ‘list’, ‘random’ 【列表播放模式： list, random】
data-preloadautovalues: ‘none’, ‘metadata’, ‘auto’ 【音乐文件预载入模式，可选项： none, metadata, auto】
data-volume0.7default volume, notice that player will remember user setting, default volume will not work after user set volume themselves 【默认音量，注意播放器会记住用户的设置，用户自己设置音量后，默认音量将不起作用】
data-mutextrueprevent to play multiple player at the same time, pause other players when this player start play 【防止同时播放多个播放器，在该播放器开始播放时暂停其他播放器】
data-lrctype0lyric type 【歌词格式类型】
data-listfoldedfalseindicate whether list should folded at first 【表示列表是否应首先折叠】
data-listmaxheight340pxlist max height 【列表最大高度】
data-storagenamemetingjslocalStorage key that store player setting【存储播放器设置的本地存储键】