这个网站最初只是一个用来保存文章和生活片段的地方。随着内容慢慢增加,我却越来越觉得,它还缺少一点真正属于我的东西。

我喜欢 J-pop,也经常在夜里戴着耳机听 Yorushika。于是这次更新不再只是换一套颜色或调整几处间距,而是尝试把网站变成一间属于自己的 Listening Room:安静、克制,同时让音乐自然地存在于每一个页面之间。

从博客变成 Listening Room

这次重新设计以近黑色为底,加入少量灰白、薄荷绿和暖色光。黑胶唱片、唱片编号、波形与编辑式排版成为贯穿页面的视觉语言。

首页不再只是常规的文章列表。首屏变成一张夜间唱片封面,往下则进入个人选曲、最近文章和视觉片段。顶部导航、页面标题与页脚也重新整理,让它们更像同一张专辑中的不同章节,而不是互不相关的组件。

我希望访客打开网站时,首先感受到的不是功能有多少,而是这里有一种明确的气质。

一条不会被翻页打断的声音

音乐播放器是这轮更新的核心。

现在可以在首页选择并播放六首我喜欢的歌曲:

  • 《所以我放弃了音乐》
  • 《花人局》
  • 《老人与海》
  • 《踊り子》
  • 《Highway Driving Car》
  • 《S.S.S.》

播放器已经从短暂的试听片段升级为完整曲目。播放过程中进入文章、资源页或关于页面,音乐不会重新开始,也不会因为翻页而中断。单曲播放结束后会停在当前曲目,不会擅自接着播放下一首。

首页的每首选曲还拥有自己的聆听札记。点击曲目后,页面会展示它的背景、我对氛围的理解,以及一段不引用原歌词的双语短句。比起把播放器做成一个孤立的工具,我更希望它像文章的一部分,能够引出一点情绪和故事。

让其他页面也拥有自己的节奏

除了首页,这次也重新整理了资源、文章、搜索和关于页面。

资源页不再把链接紧凑地堆在一起,而是用更舒展的分区和卡片表现不同类别;文章页减少了传统博客侧栏的拥挤感,让标题、正文和阅读提示拥有更清晰的层次;搜索窗口则被改造成深色的档案检索界面,与整站的夜间气质保持一致。

我还单独增加了关于页面。它不只是统计文章数量,而是用来介绍我喜欢的音乐、正在学习的方向,以及建立这个网站的原因。

手机端不是桌面版的缩小

移动端是这次修改中花费时间最多的部分。

播放器需要在不同屏幕和浏览器底栏之间保持完整,导航不能把正文挤出画面,侧边菜单展开时也应该覆盖播放器,而不是被底部进度条挡住。因此移动端减少了唱片装饰、次要文字和部分控制按钮,并使用流动宽度适配不同设备。

同时修复了隐藏侧栏与横向画廊造成的页面宽度溢出。现在页面不会再莫名左右偏移,内容区、歌曲列表和底部播放器都能跟随屏幕宽度自然收缩。

细节少了一些,但真正需要的功能仍然保留。对我来说,这比单纯把桌面页面等比例缩小更接近“移动端设计”。

关于现在,也关于下一步

目前网站仍然使用 Hexo 生成静态页面,通过 GitHub 与 Cloudflare 完成构建和发布。为了先让完整播放器投入使用,音乐文件暂时随网站代码一同部署。之后会再考虑把音频迁移到更适合媒体文件的存储方式,并继续优化加载速度与访问策略。

未来还想加入高潮片段入口、更细腻的歌曲切换动效,以及与文章内容产生联系的音乐推荐。但这些可以慢慢完成。

这次更新最重要的变化,并不是多了一个播放器,而是网站终于开始像我自己。

夜晚适合把世界调成静音,只留下音乐。