
# 在hexo博客上使用aplayer

## 起因

因为以前我配置aplayer遇到了挺多难题的

配置好之后 hexo s一看

没问题啊😕

但是hexo g -d上传完打开链接一看**文字链接打不开**🤔



而现在 我才知道配置错了

## 开始教程

如果使用的是`butterfly`的主题

可以直接在`inject`里面找到`head`和`bottom`分别写

**先在head里面添加**

```yaml
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"  media="defer" onload="this.media='all'">
- <meting-js server='netease' type='playlist' id='5291772497' fixed='true'></meting-js>
```

![image-20210517195613644](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/17/75093_image-20210517195613644.png)

酱紫添加就ok了😉

之后**在bottom里面添加**

```yaml
- <script async src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
- <script async src="https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js"></script>
```

![image-20210517201134139](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/17/22034_image-20210517201134139.png)

之后就**enjoy**吧

## 高级一些的操作

如果想像本站那样切换页面不暂停音乐

只要开启一下**pjax**

![image-20210517200352325](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/17/83678_image-20210517200352325.png)

需要把`enable`里面的值改成`true` 它默认是关闭的

~~就算是自己刷新页面或者刷新JavaScript脚本，耶稣也救不了你~~