给播客添加一个播放器

给博客添加一个播放器

先看效果

官方教程

首先安装aplayer插件

1	`$ npm install --save hexo-tag-aplayer`

安装之后，根据官方的提示关闭自带的aplayer插件。

之后在需要的页面插入

分别代表的意思

歌曲/列表/专辑服务商一般把000PeZCQ1i4XVs修改为你的音乐列表id，tencent为服务商 artist为播放方式

1	`{% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %}`

接下来获取链接id(你也可以现在就运行看看效果)
打开qq音乐官网,找到我的音乐歌单打开

复制地址栏上的id

1	`{% meting "1503100241" "tencent" "playlist" "theme:#3F51B5" "mutex:true" "preload:auto" %}`

部分配置参数

id:''

1	`{% meting "id:1503100241" "server:tencent" "playlist" "theme:#3F51B5" "mutex:true" "preload:auto" %}`

小知识!

我们知道在markdown中语法比较简单
比如
1.(# 会被渲染成 h1 标签)
2.(## = h2)
3.(### = h3)
……
我们添加播放器时用的是

1	`{% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %}`

他最终会被渲染成

<div id="aplayer-uxAIfEUs" class="aplayer aplayer-tag-marker meting-tag-marker" data-id="000PeZCQ1i4XVs" data-server="tencent" data-type="artist" data-mode="circulation" data-autoplay="false" data-mutex="true" data-listmaxheight="340px" data-preload="auto" data-theme="#3F51B5"></div>