那天晚上我其实是在核对一张域名列表,电脑边上摆着半杯凉掉的挂耳咖啡。手一抖,杯底磕在键盘边缘,咖啡溅到了记事本第 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,你让它。”她回了个省略号。
就这样,页面活了。