欢迎来到我的音乐空间 🎵

记录我听过的音乐,按时间分享。


📅 2026.1.6


📅 2026.1.5


📅 2026.1.4


📖 如何添加新日期的音乐

步骤 1:复制以下模板

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
## 📅 2026.1.7

<div id="aplayer20250107"></div>

<script>
const ap20250107 = new APlayer({
container: document.getElementById('aplayer20250107'),
autoplay: false,
theme: '#4876b9',
loop: 'all',
preload: 'auto',
volume: 0.7,
listFolded: false,
listMaxHeight: '300px',
audio: [
{
name: '歌曲名',
artist: '歌手名',
url: '音乐URL',
cover: '封面URL'
}
]
});
</script>

---

步骤 2:修改三处地方

  1. 日期标题:改成你的日期,如 ## 📅 2026.1.7

  2. 播放器 ID:必须唯一,如 aplayer20250107

  3. 变量名:与 ID 保持一致,如 const ap20250107

步骤 3:添加音乐信息

audio: [] 中添加歌曲:

1
2
3
4
5
6
{
name: '歌曲名',
artist: '歌手名',
url: 'https://sky-kairos.oss-cn-beijing.aliyuncs.com/blog/music/歌曲.mp3',
cover: '封面URL(可选)'
}

步骤 4:更换主题颜色(可选)

修改 theme 值,不同日期可以用不同颜色:

日期示例 颜色代码
2026.1.6 #4876b9 (蓝色)
2026.1.5 #49b1f5 (天蓝)
2026.1.4 #ff7272 (粉红)
2026.1.3 #79d16c (绿色)
2026.1.2 #ffa502 (橙色)

🔧 常用颜色参考

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// 蓝色系
theme: '#4876b9' // 深蓝
theme: '#49b1f5' // 天蓝
theme: '#7c6bed' // 紫蓝

// 红色系
theme: '#ff7272' // 粉红
theme: '#f03838' // 红色

// 绿色系
theme: '#79d16c' // 绿色
theme: '#42b983' // 青绿

// 黄橙色系
theme: '#ffa502' // 橙色
theme: '#ffd700' // 金色

// 中性色
theme: '#4c4948' // 灰色
theme: '#1f1f1f' // 深灰

🎵 音乐分享,仅供个人欣赏,请支持正版音乐

如有版权问题,请联系删除