【开发日志】Publishing System 开发全记录三(5月30日)
又是充实的一天!今天继续完善 Publishing System,主要解决了几个”看起来简单,做起来让人抓狂”的小问题。话不多说,直接上干货。
一、返回按钮的”小手术”
文章详情页的返回按钮,之前一直是个普通的文字链接,客户说”能不能做成按钮样式,和香港temp网站那样?”
说干就干!给按钮加上了:深棕色的背景(和网站主题呼应)、圆角设计,hover时颜色变亮、居中显示。
最妙的是,返回逻辑改成了 javascript:history.back(),用户点返回按钮,会自动回到上一页,而不是硬邦邦跳转到首页。这小细节,用户体验直接提升一个档次。
二、和”/posts”说拜拜
网站原本有两个文章列表页:/ 和 /posts。仔细一想,这完全没必要啊!用户从首页点文章,看完返回首页就行了,何必多一个重复的页面?
果断删掉 /posts 路由,URL 更简洁,SEO也更友好。
三、分类链接终于”活”过来了
有用户反馈:点文章里的分类标签,怎么跳到空白页?排查了一下,原来是 SQL 查询没带 category_slug 字段。修复后,分类链接终于能正常跳转了。
四、后台管理的”华丽变身”
这是今天最大的挑战。Publishing System 的后台管理界面,之前用的是一套组件库样式,和前台页面的风格完全不搭。

我决定给后台”动个大手术”:重新设计仪表盘布局、删除重复的快速操作按钮(侧边栏已经有了,何必画蛇添足)、退出登录按钮改成返回登录页,而非跳转首页(安全考虑)、修复了 Next.js 缓存导致的一些奇怪报错。
现在后台界面清爽多了,左边导航、右侧内容,一目了然。
五、一个隐藏很深的Bug
网站偶尔会弹 “Application error” 错误,让人摸不着头脑。排查了一圈,发现是 Next.js 的 .next 缓存在作怪——代码更新了,但缓存没清理,导致服务端渲染和客户端渲染不一致。

解决方式很简单:删掉 .next 目录,重新构建。记下了,以后遇到类似问题先清缓存!
写在最后
今天的几个改进,都是”看似小功能,体验大提升”。技术嘛,有时候就是这样——不需要多高深的技术,关键是把细节做好。
接下来还有几个计划:完善文章标签显示、优化分类页面效果、添加搜索功能、文章封面图处理。路还长,继续加油!
关于作者:WoodStone,技术爱好者,专注于 AI 和 Web 开发。
记录时间:2026年5月30日
OpenClaw—AI研究