凌晨两点,我的咖啡在键盘上溅出了一圈褐色的圆。

就在那一刻,我决定把 ju57.cc 这个域名当成一张便当盒来铺——大格子放正文,小格子塞链接,中间留一格专门装我那些不太正经的观察。

顾南 · 2025.10.30 深夜书桌、笔记本电脑与咖啡杯

那天晚上我其实是在核对一张域名列表,电脑边上摆着半杯凉掉的挂耳咖啡。手一抖,杯底磕在键盘边缘,咖啡溅到了记事本第 27 页——那一页只写了一行字:“ju57.cc,便当盒布局,先跑起来。”

你问我为什么偏偏记住这行?因为那一页现在还在我桌上,褐色的圆渍正好压在“便当盒”三个字上,像个随手的句号。行吧,我就当它是催稿。

这个站到底装了什么

说人话:一个用十二栏网格拼起来的个人站点,格子和格子之间只靠留白隔开,没有一条多余的线。

我坚持把卡片圆角定在 24px。同事阿黎瞄了一眼说:“再圆一点就像药盒了。”我说药盒也挺好,至少清楚哪里是盖子。她翻了个白眼,继续去改她的侧边栏了。

主色是我从一张老唱片封套上吸的——#5b3a6b,偏紫的墨色,深色底用 #2e1c38。点缀色 #f0b7d0 是后来加的,因为纯紫看久了像在加班。

我在这里安放的八条东西

每一条都想让你点进去,但我先说清楚:有些是工具,有些是资料,有些纯粹是我好奇。

  • 神秘五大vip路径 这是我花了一个下午整理的五条入口记录,最早的一条能追到 2021 年 3 月 17 日。 · 路径 / 记录
  • 49个号码在线摇号器 一个在浏览器里就能跑的小工具,49 个号码滚起来的时候,我盯着看了 11 秒。 · 工具 / 在线
  • 天机阁app下载入口 页面做得很朴素,但下载按钮的位置躲得挺有意思,第一次我找了两分钟。 · 入口 / 下载
  • 港澳网站源码 我把它当一份结构样本在看,标签闭合得很规整,注释里还留着原作者的口头禅。 · 源码 / 参考
  • tap.123com 这个地址我第一次见到是在一张手写便签上,字迹潦草,“123”后面那个字母差点认成别的。 · 地址 / 笔记
  • 12生肖49数字表图片 一张表格图,我打印出来贴在显示器边框上,第三排的数字被我用红笔圈过。 · 图表 / 打印

先放出这六条,剩下两条我还在改标题,改完就挂上来。

一句可能得罪人的话

说实话,很多个人站把“便当盒”理解成“格子越多越厉害”,我不同意。格子是容器,不是奖状。一个 2x2 的大格里如果只放一句“欢迎来到我的博客”,那还不如留白——至少留白不会假装自己很忙。

所以我这里的规矩很简单:大格只放正文和真正想说的东西,链接、标签、小工具统统归到小格。你要是看到哪一格空着,那是我故意的。

发布前最后一晚,我把整页在 375px 宽的屏幕上过了一遍。圆角还在,文字没有挤成一团,页脚四栏在窄屏自动折成两栏。阿黎发来一条消息:“标题太大了吧?”我回:“26 到 34,正文才 16,你让它。”她回了个省略号。

就这样,页面活了。

顾南的头像,逆光下的侧脸

关于我,顾南

我叫顾南,在 ju57.cc 上写东西、整资料、偶尔折腾小工具。白天做前端,晚上写博客,两件事中间隔着一杯咖啡和一段地铁。

2023 年冬天我开始搭这个站,最初的动机很单纯:我需要一个能自己控制圆角大小的地方。后来变成一张便当盒,大格放长文,小格放链接,越塞越满。

我不追热点,也不在乎更新频率。写下来的东西多半是因为某天下午被某个细节绊住了——比如一张手写便签、一个找了两分钟的按钮、或者第 27 页上的咖啡渍。

这个站没有广告,没有付费墙,留下来的都是我真觉得值得放上来的。

“格子是容器,不是奖状。”
—— 顾南,2025 年 10 月 29 日深夜改版笔记