碎碎念

最近hexo-tag-aplayer不知道为什么挂掉了,作者大大还没有优化,于是我就在网上找了找资料,重新配置了一下全局吸低的aplayer

魔改步骤

  • _config.butterfly 中引入如下代码
1
2
- <div id="aplayer"></div>
- <script defer src="/js/aplayer.js"></script>
  • source/js/ 文件夹下创建 aplayer.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const ap = new APlayer({
container: document.getElementById('aplayer'),
fixed: true,
lrcType: 3,
audio: [
{
name: '夏天的风',
artist: '火羊瞌睡了',
url: 'https://music.163.com/song/media/outer/url?id=1436709403.mp3',
cover: 'http://p2.music.126.net/rFUKVdOjqxgwAT6Zi6qv7A==/109951164906689206.jpg?param=130y130',
lrc: 'https://www.wuxingzzz.top/lrc/%E5%A4%8F%E5%A4%A9%E7%9A%84%E9%A3%8E.lrc'
},
]
})

这里的封面和歌曲链接自己去找(找到 id 替换一下就可以),歌词的话 LRC,字符串,HTML 格式都可以,其他的具体参数以官网为准(Aplayer中文文档)