Hexo+APlayer

这篇写如何给Hexo博客系统集成音乐播放器。 音乐赋予每个人不一样的感官体验，博客加入BGM，或许能带来不一样的音乐记忆。

Steps

• 下载 APlayer解压后拷贝dist文件夹粘贴至本地Hexo路径themes当前主题/source 路径之下
• dist路径下创建music.js，自定义播放器设置APlayer 中文文档及音乐资源，audio.url可通过音乐直链搜索+网易云音乐外链格式规范 http://music.163.com/song/media/outer/url?id=xxx.mp3 拼接得到，audio.cover通过检查网页源码得到链接

const ap = new APlayer({
	container: document.getElementById('aplayer'),
	fixed: true,
	autoplay: false,
	audio: [{
		name: 'The Rain',
		artist: '久石譲',
		url: 'http://music.163.com/song/media/outer/url?id=444312.mp3',
		cover: 'http://p1.music.126.net/m77bQUkQHORPcWW61xSMsQ==/2515682604414740.jpg?param=300x300'
	}]
});

• 在当前主题_partial文件夹下footer.swig中注入代码，也可以放置其他位置(主题差异会导致layout路径略不相同)

<link rel="stylesheet" href="/dist/APlayer.min.css">
<div id="aplayer"></div>
<script type="text/javascript" src="/dist/APlayer.min.js"></script>
<script type="text/javascript" src="/dist/music.js"></script>
<div class="copyright">

• 重新发布 hexo g -d ，成功后若播放错误导致一直Skip则为音乐外链问题。

---

thanks for your reading~