好久没写站点日志,一拖就是一个多礼拜。 这次一口气上了五子棋、翻新了推箱子,还顺手埋了几个 bug。 唔使急,逐样讲俾你听。

五子棋上线,游戏合集凑够六个 游戏合集多了个新成员:五子棋。Godot 引擎做的网页版,不用装任何东西,点开就能下。

棋盘就系咁大,规则就系咁简单,五子连珠就赢。玩过推箱子的朋友应该知道,这类小游戏最杀人时间——我本地测试的时候,自己先跟电脑下咗三局先舍得收手。

入口在顶部菜单的「工具与游戏」,往下滑到游戏合集就能看到。

推箱子页面翻新,画面终于企正中间 有冇发现以前打开推箱子,棋盘是缩在左上角的,屏幕右边一大块黑?

这次把五子棋和推箱子两个页面一起翻新了:加上了和全站统一的顶栏(能一键返回工具与游戏),背景换成了站点同款浅灰,游戏画面乖乖居中,还加了圆角和阴影。而家开边一局,睇落都舒服晒。

小屏幕也顺手照顾了,画面会自动等比缩小,不会再溢出去要拉滚动条。

讲真,改这种 Godot 导出页面的排版,比想象中麻烦不少。引擎自己会算画布尺寸,我绕了两个弯才让它听话,具体的技术细节写在了更新的代码注释里,感兴趣的朋友可以去翻。

页面瘦了 60KB,加载快了一点 站点的样式文件做了一次大扫除:从 12085 行删到 10047 行,体积由 299KB 降到 240KB。

删掉的都是没用的东西——一套从主题里带过来的组件样式,全站压根没用到过(还有整整一段是重复复制了两遍的)。有用的部分一行没动。

对访客来说,最直接的变化就是页面打开稍微快了那么一点。唔算大改善,但白捡的便宜,唔要白唔要。

后台翻页那个报错,修好了 自嘲一下:管理后台的博客列表点翻页报错这个问题,我拖了很久才处理。

排查下来原因有点哭笑不得——有一篇旧文章的正文里混进了一段特殊字符,翻到那一页时,模板里的文本过滤器当场被噎住,整个页面直接报错。顺手还修了列表加载慢的毛病,翻页速度快了不少。

现下翻到哪里都顺顺利利,后台终于唔使同 504 打交道。

顺手做的两件小事 顶部菜单改成了通栏:以前菜单内容固定在中间一条(最大 1140px),现在会随窗口铺满,宽屏下看着大气些。 做了一次针对 Google 的 SEO 体检:把博客每个页面的标题、描述、规范化地址、结构化数据都检查了一遍,修了四个小问题。这类改动访客感知不到,但搜索引擎爬虫会开心一点。 这次的更新就这么多。五子棋去玩一局就当帮我测试了,发现棋盘有奇怪的地方欢迎留言话我知。

觉得这篇日志有用的话,点个赞或者在看再走,写代码和写文章都需要一点电量。