
# 在hexo博客上使用aplayer-续集

## 为什么出续集

为什么呢？

因为不使用butterfly主题的人可就犯了难😟`内心：又水了文章`

怎么办呢

因此我再弄个添加html 之后再解决一些问题

## 添加aplayer（html）

head这样写

```html
<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>
```

body这样写

```html
<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>
```

这样就可以在非hexo网站引入了

关于文档

https://github.com/metowolf/MetingJS/blob/master/README.md

自己看下 

![image-20210518173050978](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/18/66715_image-20210518173050978.png)

在这里改



在hexo博客上使用aplayer-续集


# 在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脚本，耶稣也救不了你~~