参考文章:https://www.jianshu.com/p/f1005ae09e5a

hexo使用hexo-tag-aplayer插件链接网易云歌单

首先新建一个页面

#在本地博客文件夹打开git bash 新建一个页面

hexo new page music

修改music文件夹下的index.md的Front-matter

---
title: 音乐
date: 2022-03-18 16:30:32
type: "playerlist"
---

记得修改主题的_config.yml文件,即在menu下新建一个名为音乐(这个名字随你自己起)的类。下面这个是我的menu,图标是font-awesome字体图标库,具体可去官网查找
font-awesome官网

menu:
首页: / || fas fa-home
时间轴: /archives/ || fas fa-archive
标签: /tags/ || fas fa-tags
分类: /categories/ || fas fa-folder-open
收藏||fa fa-heartbeat:
音乐: /music/ || fas fa-music
照片 : /Gallery/ || fas fa-images
友链: /link/ || fas fa-link
关于: /about/ || fas fa-heart

以上歌单就创建好了接下来就是使用hexo-tag-aplayer插件

hexo-tag-aplayer插件

hexo-tag-aplayer 是Aplayer在hexo上的插件,这里的配置参考的是官方文档
第一步安装 hexo-tag-aplayer:

npm install --save hexo-tag-aplayer

最新版的hexo-tag-aplayer已经支持了MetingJS的使用,可以直接解析网络平台的歌曲
首先要在你的博客的根目录的_config.ymlmeting文件中开启meting模式,添加以下代码在配置文件的最后:

aplayer:
meting: true

复制歌单的链接,然后复制歌单的id
例如我的网易云歌单https://music.163.com/#/my/m/music/playlist?id=7295568904
id=7295568904,后面那一串数字就是歌单的id

然后打开你建的music文件夹index.md文件,添加如下代码(代码语法可以查看使用文档)

{% meting "7295568904" "netease" "playlist" "theme:#FF4081" "mode:circulation" "mutex:true" "listmaxheight:340px" "preload:auto" %}

以下是效果

常见错误

有的时候aplayer会挂,这个时候我们只需要闭上眼睛睡一觉,第二天就会发现他奇迹般的好了,如果没好,那就多睡几觉

如果歌单曲目太多可能会不显示,但也有人说不限制大小,我也没搞懂