加载Aplayer的方法

一、安装Aplayer插件

在博客根目录下输入安装命令：

npm install --save hexo-tag-aplayer

二、开启资源文件夹

修改博客根目录下的_config,yml文件：

post_asset_folder: true

三、生成页面

在博客根目录下输入：

hexo new page musics

即可生成对应文件夹及index.md和index文件夹

四、修改文件及配置资源

修改md文件type为”musics”，键入调用代码。有两段代码可选择：

1. 生成单行播放栏：

   {% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}

2. 生成播放列表（示例）：

   {% aplayerlist %}{"narrow": false,"autoplay": true,"showlrc": 3,"mode": "random","music": [{"title": "平凡之路","author": "朴树","url": "http://og9ocpmwk.bkt.clouddn.com/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.mp3","pic": "https://ogd99kckh.qnssl.com/1.jpg","lrc": "http://og9ocpmwk.bkt.clouddn.com/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.txt"},
   {"title": "野子","author": "苏运莹","url": "http://og9ocpmwk.bkt.clouddn.com/01%20%E9%87%8E%E5%AD%90.m4a","pic": "http://og9ocpmwk.bkt.clouddn.com/%E9%87%8E%E5%AD%90.jpg","lrc":"https://ogd99kckh.qnssl.com/%E9%87%8E%E5%AD%90.txt"}]}{% endaplayerlist %}

注意引用相对路径的时候，默认根目录是source目录

本地资源存放

所有本地资源，包括音乐、歌词(txt格式)、封面文件都存放在博客根目录下的source/musics/index文件夹中，可以用相对路径引用