方式一：使用外网易云音乐提供的*外链播放器*

复制粘贴代码即可

方式二：使用hexo-tag-aplayer插件

安装

1
npm install --save hexo-tag-aplayer

这里直接跳过APlayer.js 使用Meing.js

MetingJS 支持性更高

在Hexo 根配置文件 _config.yml 中设置：

1
2
aplayer:
  meting: true

使用：

1
{% meting "523250334" "netease" "song" "theme:#555" "mutex:true" "listmaxheight:340px" "preload:auto" %}

示范：(弃用)

1
2
3
{% meting "523250334" "netease" "song" "theme:a18cd1" "mutex:true" "listmaxheight:340px" "preload:auto" %}

{% meting "8032356843" "tencent" "playlist" "theme:#fbc2eb" "mutex:true" "listmaxheight:340px" "preload:auto" %}

有关 {% meting %} 的选项列表如下:

选项默认值描述
id必须值歌曲 id / 播放列表 id / 相册 id / 搜索关键字
server必须值音乐平台: netease, tencent, kugou, xiami, baidu
type必须值song, playlist, album, search, artist
fixedfalse开启固定模式
minifalse开启迷你模式
loopall列表循环模式：all, one,none
orderlist列表播放模式： list, random
volume0.7播放器音量
lrctype0歌词格式类型
listfoldedfalse指定音乐播放列表是否折叠
storagenamemetingjsLocalStorage 中存储播放器设定的键名
autoplaytrue自动播放，移动端浏览器暂时不支持此功能
mutextrue该选项开启时，如果同页面有其他 aplayer 播放，该播放器会暂停
listmaxheight340px播放列表的最大长度
preloadauto音乐文件预载入模式，可选项： none, metadata, auto
theme#ad7a86播放器风格色彩设置

方式三：全局全局吸底Aplayer

关闭 asset_inject（未使用hexo-tag-aplayer可忽略）

1
2
3
aplayer:
  meting: true
  asset_inject: false

开启主题的 aplayerInject

1
2
3
4
# Inject the css and script (aplayer/meting)
aplayerInject:
  enable: true
  per_page: true

插入 Aplayer html

1
2
3
4
5
6
inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
  bottom:
    - <div class="aplayer no-destroy" data-id="8032356843" data-server="tencent" data-type="playlist" data-fixed="true" data-autoplay="true"> </div>
    # - <script src="xxxx"></script>

文章作者: Jerry
文章连结: https://butterfly.js.org/posts/507c070f/