我是那种基本上一直戴着耳机的人。
音乐对我来说不是背景音，更像是某种必需品。出门戴，学习戴，发呆的时候也戴。所以当我开始折腾自己的网站，第一个认真想的问题不是"放什么内容"，而是——我怎么把我耳朵里的东西，分享给别人？
一切的起点，是《牵丝戏》。
风雪依稀秋白发尾，灯火葳蕤揉皱你眼眉 假如你舍一滴泪，假如老去我能陪 烟波里成灰，也去得完美
这几句歌词我反复听过很多遍。它在感叹时间，感叹陪伴，感叹那些来不及抓住的东西。我觉得很美，很想让别人也听见。于是这个念头，成了整个音乐播放器的起点。
WordPress、小皮面板，以及那套逆天的配置
最开始我什么都不会。架构不会，协议不会，代码不会写，环境配置不会选。那就问呗——问的是DeepSeek，他给我推荐了WordPress，一个开源博客项目，让我基于这个改。
我当时怎么部署的自己都忘了，隐约记得是在Windows上装了个小皮面板，把WordPress源码塞进去，然后稀里糊涂就跑起来了。奇妙。
进去之后，我把默认文本改了改，其他的不知道放什么。然后有一天发现可以嵌入音频播放器——这一下像打开了新大陆，我立刻把《牵丝戏》塞了进去，配合Lucky转发+VNT组网+公网服务器，这套配置用"逆天"来形容都客气了，怎么复杂怎么来，但它就是跑起来了。
我把my.arctan.top这个链接发给一个好友，他打开，居然能访问，还能播放音乐。他跟我说：你好厉害，这个我做不出来。
就这一句话，给了我把这件事认真做下去的动力。
然后它崩了
好景不长。WordPress那个傻x的301重定向，加上那套逆天的配置组合，导致访问域名会直接跳到192.168.x.x的内网保留地址——这怎么可能打得开？每次出问题我都不知道从哪里开始查，这套东西对当时的我来说实在是用不来。
折腾不下去了，废弃，自己写。
v1：Cursor登场，音乐播放器诞生
第一版是Cursor写的。当时听说这玩意写代码非常厉害，确实，至少写出来的页面我当时觉得非常棒——现在看是看不下去了，页面数据全是AI编造的，连歌曲信息都是假的。
音乐播放器从这一版开始认真打磨。那时候什么都是硬编码放在服务器里，每首歌要手动预填：音频文件在哪、歌词在哪、翻译在哪、封面在哪、叫什么名字。每次添加一首新歌都要我老命，歌词更是找不到现成的，全靠纯手写，一个字一个字敲。
但第一版播放器还是发布了——右下角一个迷你区域，点击展开歌词，简陋但能用。
手机端完全没考虑，在手机上打开是一坨答辩。那之后我才开始认真对待响应式这件事。
为了手机端做了优化，但大屏效果被牺牲了，看起来空荡荡的，两头都没讨好。
v1.5：播放器开始脱离主页
主页index文件堆到3000+行，我想改任何一个地方都得先在代码堆里考古半天，改了半天还改不对。没法，重写计划开始。
v1.5摒弃了纯白页面，加入背景效果和玻璃质感，整体好看了不少。更重要的是，播放器开始从主页剥离出去，尝试让主页迷你播放器和独立播放器页面联动——两个页面同步播放状态，切换不中断。
理想很美好，实现起来一团糟。两边老是产生各种Bug，当时的AI都修不了，最后只能认了，就这样先上。
v2：点赞、留言板，还有小A
背景那股AI专属紫色被朋友们嫌弃了好几次，极简风也渐渐丢了，我自己看着也不对劲，又开始一轮打磨。这一版上线了点赞系统、留言板，还有小A。
小A是我网站上的AI助手，人设是活力大学生。名字来自arctan——arc是我的网名，tan是我的姓，小A其实是我的虚拟形象，某种意义上就是我自己。她不只是一个功能按钮，更像是这个站点的一种气质：技术可以硬，但表达可以有温度。
发现自己一直在写纯前端
就在觉得一切都在往好的方向走的时候，我才意识到，这整个项目从头到尾都是纯前端页面，没有任何后端。点赞数据、留言内容，刷新一下全没了。
于是开始补课：部署数据库，学着写API，把数据真正存起来。同时觉得首页那个音乐播放器大框和小A区域放在一起，像两块流氓广告夹着主页，太难看，开始把它们迁移成独立页面，首页只留一个入口。
然后Gemini 3发布了。前端能力是真的强，让他按极简风格重写了主页——一改AI那股招牌紫色，清爽了很多，这就是大家现在看到的版本，内部叫v3。音乐播放器也同步重写，这一版终于有了后端支持，不用再手写每首歌的路径和歌词了，上传文件，自动解析，省了我大量时间。
v1 → v3.1：从第一版到现在，整整一年
期间经历了好几次大迁移：Windows到Linux，小皮面板到宝塔面板，Apache+Lucky+PHP+VNT那套逆天组合一路精简到Nginx+PHP。每一次迁移都踩了一堆坑，但跨度虽大，实际落地花了整整一年，从第一版那个塞了首牵丝戏的静态页，到现在这个有后端、有数据库、有独立播放器站点的版本。
v3.1接入了系统级音频API，修复了一堆播放器逻辑问题，小A也接入了新模型，响应质量好了不少。
v3.1是我目前觉得最完整的版本。播放器彻底独立成单独站点，功能也终于像个正经产品了：支持搜索、播放歌单、添加播放列表、全屏播放器，还支持通过传参直接播放指定曲目。最重要的是，它终于不再是当初那个塞了首歌就收工的页面了。
从《牵丝戏》塞进WordPress那个下午，到现在这个版本，刚好一年。
"烟波里成灰，也去得完美"——时间这东西，回头看总觉得值。
具体效果可以去 music.arctan.top 体验，欢迎留言打分，也欢远提意见 :)
读者讨论 (共 0 条)
暂无评论，来发表第一条评论吧！