创建歌单页面

  1. 新建页面,命名为music
1
hexo new page "music"
  1. 在主题配置文件中修改如下(着重看music部分,每项后面的是图标配置,图标可以到这里查找替换:http://www.fontawesome.com.cn/faicons/ ):
1
2
3
4
5
6
7
8
9
10
menu:
首页: / || fas fa-home
归档: /archives/ || fas fa-archive
# Tags: /tags/ || fas fa-tags
软件工具: /softs/ || fas fa-folder-open
多媒体||fas fa-list:
- Music || /music/ || fas fa-music
- Movie || /movies/ || fas fa-video
友情链接: /link/ || fas fa-link
关于: /about/ || fas fa-heart

安装hexo-tag-aplayer 插件

  1. 在hexo的目录执行如下命令安装:
1
npm install --save hexo-tag-aplayer
  1. 在站点配置文件(非主题配置文件)_config.yml的末尾插入如下内容:
1
2
aplayer:
meting: true
  1. 复制歌单的链接,然后复制歌单的id,例如 https://music.163.com/#/my/m/music/playlist?id=168938213 ,这个歌单的id就是168938213,公司名可以是tencent、netease或是其他公司,下面给出一个例子,打开 /Hexo/source/music/index.md文件,输入:

image-20201201185429045

1
{% meting "168938213" "netease" "playlist" "theme:#FF4081" "mode:circulation" "mutex:true" "listmaxheight:640px" "preload:auto" %}
  1. 最后我们看看效果:

image-20201201185134081