320 小时从零为音乐人重建网站

加拿大音乐人 Richard 此前找专业 agency 开发网站，最终收到的是一个 WordPress 转储、臃肿主题和混乱 HTML/CSS 的烂摊子。agency 中途加价，交付品却是基础设施臃肿、可访问性（a11y）完全被破坏、移动端 UX 几乎为零的半成品。

开发者在后端 David 的配合下决定彻底重写——不修补 WordPress 尸体，而是从零构建一个干净、轻量、可访问的前端。

整个项目历时超过 320 小时，起步时没有任何设计素材、Logo 或可用照片，连客户端需求都是边做边定。
技术手段包括：
- 用 Node.js + fluent-ffmpeg 编写 CLI 脚本自动将 MP3 转为所需 WAV 格式，并通过 ffprobe 以 60ms 容差验证时长、声道数和采样率。
- 构建自定义 SPA 路由（vanilla.js），通过 hash 路由模拟多页面站点体验，自动管理 history.pushState/popstate 并更新 aria-current 等无障碍属性。
- 为音频区编写专门的播放列表类，处理 Bandcamp iframe 样式强制剥离、自适应展开/折叠及视图变化监听。
- 编写端到端测试并配置完整的 CI/CD 部署管线，最终选用 Render.com 免费套餐托管（后发现免费套餐屏蔽 SMTP 外发邮件，但核心 Web 服务运行稳定）。

最终交付的站点干净、语义化、可访问，证明了工程所有权和实际代码质量远胜于商业标签与价格。项目目前处于最终交接阶段，后续将公开仓库/演示链接。

#开发者 #工具 #音乐人网站 #WordPress #SPARouter #CICD #Nodejs #a11y
@DevToolboxHub