音乐馆页配置 - 小王的博客

音乐馆页配置#

前往你的 Hexo 博客的根目录
在 Hexo 博客根目录 [blog]下打开终端，输入

1
hexo new page music

你会找到 source/music/index.md 这个文件
修改这个文件：记得添加 type: "music"

1
---
2
title: 音乐馆
3
date: 2021-04-24 21:41:30
4
type: music
5
aplayer: true
6
top_img: false
7
comments: false
8
aside: false
9
---

新建 source/json/music.json，此 json 为切换歌单按钮的歌单数据。

1
[
2
{
3
"name": "青花瓷",
4
"artist": "周杰伦",
5
"url": "https://npm.elemecdn.com/[email protected]/青花瓷/青花瓷.mp3",
6
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002eFUFm2XYZ7z_2.jpg?max_age=2592000",
7
"lrc": "https://npm.elemecdn.com/[email protected]/青花瓷/青花瓷.lrc"
8
},
9
{
10
"name": "稻香",
11
"artist": "周杰伦",
12
"url": "https://npm.elemecdn.com/[email protected]/周杰伦/稻香/稻香.mp3",
13
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
14
"lrc": "https://npm.elemecdn.com/[email protected]/周杰伦/稻香/稻香.lrc"
15
},
16
{
17
"name": "晴天",
18
"artist": "周杰伦",
19
"url": "https://npm.elemecdn.com/[email protected]/晴天/晴天.mp3",
20
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
21
"lrc": "https://npm.elemecdn.com/[email protected]/晴天/晴天.lrc"
22
},
23
{
24
"name": "七里香",
25
"artist": "周杰伦",
26
"url": "https://npm.elemecdn.com/[email protected]/七里香/七里香.mp3",
27
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000",
28
"lrc": "https://npm.elemecdn.com/[email protected]/七里香/七里香.lrc"
29
},
30
{
31
"name": "花海",
32
"artist": "周杰伦",
33
"url": "https://npm.elemecdn.com/[email protected]/花海/花海.flac",
34
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
35
"lrc": "https://npm.elemecdn.com/[email protected]/花海/花海.lrc"
36
},
37
{
38
"name": "反方向的钟",
39
"artist": "周杰伦",
40
"url": "https://npm.elemecdn.com/[email protected]/反方向的钟/反方向的钟.flac",
41
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000f01724fd7TH_1.jpg?max_age=2592000",
42
"lrc": "https://npm.elemecdn.com/[email protected]/反方向的钟/反方向的钟.lrc"
43
},
44
{
45
"name": "兰亭序",
46
"artist": "周杰伦",
47
"url": "https://npm.elemecdn.com/[email protected]/周杰伦/兰亭序/兰亭序.mp3",
48
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
49
"lrc": "https://npm.elemecdn.com/[email protected]/周杰伦/兰亭序/兰亭序.lrc"
50
},
51
{
52
"name": "说好的辛福呢",
53
"artist": "周杰伦",
54
"url": "https://npm.elemecdn.com/[email protected]/说好的辛福呢/说好的辛福呢.mp3",
55
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
56
"lrc": "https://npm.elemecdn.com/[email protected]/说好的辛福呢/说好的幸福呢.lrc"
57
},
58
{
59
"name": "等你下课 (with 杨瑞代)",
60
"artist": "周杰伦",
61
"url": "https://npm.elemecdn.com/[email protected]/周杰伦/等你下课/等你下课.mp3",
62
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003bSL0v4bpKAx_1.jpg?max_age=2592000",
63
"lrc": "https://npm.elemecdn.com/[email protected]/周杰伦/等你下课/等你下课.lrc"
64
},
65
{
66
"name": "我落泪情绪零碎",
67
"artist": "周杰伦",
68
"url": "https://npm.elemecdn.com/[email protected]/我落泪情绪零碎/我落泪情绪零碎.mp3",
69
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000bviBl4FjTpO_1.jpg?max_age=2592000",
70
"lrc": "https://npm.elemecdn.com/[email protected]/我落泪情绪零碎/我落泪情绪零碎.lrc"
71
},
72
{
73
"name": "听妈妈的话",
74
"artist": "周杰伦",
75
"url": "https://npm.elemecdn.com/[email protected]/听妈妈的话/听妈妈的话.mp3",
76
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
77
"lrc": "https://npm.elemecdn.com/[email protected]/听妈妈的话/听妈妈的话.lrc"
78
},
79
{
80
"name": "明明就",
81
"artist": "周杰伦",
82
"url": "https://npm.elemecdn.com/[email protected]/明明就/明明就.flac",
83
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003Ow85E3pnoqi_1.jpg?max_age=2592000",
84
"lrc": "https://npm.elemecdn.com/[email protected]/明明就/明明就.lrc"
85
},
86
{
87
"name": "我是如此相信",
88
"artist": "周杰伦",
89
"url": "https://npm.elemecdn.com/[email protected]/我是如此相信/我是如此相信.flac",
90
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000001hGx1Z0so1YX_1.jpg?max_age=2592000",
91
"lrc": "https://npm.elemecdn.com/[email protected]/我是如此相信/我是如此相信.lrc"
92
},
93
{
94
"name": "发如雪",
95
"artist": "周杰伦",
96
"url": "https://npm.elemecdn.com/[email protected]/发如雪/发如雪.mp3",
97
"cover": "https://y.qq.com/music/photo_new/T002R300x300M0000024bjiL2aocxT_3.jpg?max_age=2592000",
98
"lrc": "https://npm.elemecdn.com/[email protected]/发如雪/发如雪.lrc"
99
},
100
{
101
"name": "以父之名",
102
"artist": "周杰伦",
103
"url": "https://npm.elemecdn.com/[email protected]/以父之名/以父之名.mp3",
104
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
105
"lrc": "https://npm.elemecdn.com/[email protected]/以父之名/以父之名.lrc"
106
},
107
{
108
"name": "园游会",
109
"artist": "周杰伦",
110
"url": "https://npm.elemecdn.com/[email protected]/园游会/园游会.flac",
111
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000",
112
"lrc": "https://npm.elemecdn.com/[email protected]/园游会/园游会.lrc"
113
},
114
{
115
"name": "本草纲目",
116
"artist": "周杰伦",
117
"url": "https://npm.elemecdn.com/[email protected]/本草纲目/本草纲目.mp3",
118
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
119
"lrc": "https://npm.elemecdn.com/[email protected]/本草纲目/本草纲目.lrc"
120
},
121
{
122
"name": "龙卷风",
123
"artist": "周杰伦",
124
"url": "https://npm.elemecdn.com/[email protected]/龙卷风/龙卷风.mp3",
125
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000f01724fd7TH_1.jpg?max_age=2592000",
126
"lrc": "https://npm.elemecdn.com/[email protected]/龙卷风/龙卷风.lrc"
127
}
128
]

hexo 配置文件_config.yml中添加以下配置，注意不是主题配置文件

1
# APlayer
2
# https://github.com/MoePlayer/hexo-tag-aplayer/blob/master/docs/README-zh_cn.md
3
aplayer:
4
meting: true
5
asset_inject: false

主题配置文件中开启menu中我的和音乐馆的注释，注意缩进！！！

1
menu:
2
# 文章:
3
#   隧道: /archives/ || icon-box-archive
4
#   分类: /categories/ || icon-shapes
5
#   标签: /tags/ || icon-tags
6

7
友链:
8
友人帐: /link/ || icon-link
9
#   朋友圈: /fcircle/ || icon-artstation
10
#   留言板: /comments/ || icon-envelope
11

12
我的:
13
音乐馆: /music/ || icon-music
14
#   追番页: /bangumis/ || icon-bilibili1
15
#   相册集: /album/ || icon-images
16
#   小空调: /air-conditioner/ || icon-fan
17

18
关于:
19
#   关于本人: /about/ || icon-zhifeiji
20
闲言碎语: /essay/ || icon-lightbulb
21
#   随便逛逛: javascript:toRandomPost() || icon-shoe-prints1

如何修改默认歌单?

将menu中音乐馆的路径修改为以下格式即可/music/?id=1708664797&server=tencent，支持id和server参数。

id 与 server 的填写请参考MetingJS

音乐馆页配置#

支持与分享

评论区