CodeZone 终于迎来了 3.0

折腾了快一年，换过三套主题，写过无数篇文章，我的个人社区「码域 CodeZone」终于在这个月完成了 3.0 版本的全面升级。 不是什么惊天大重构，但每一处改动都来自真实使用中的痛点。这篇文章，算是给自己的一份版本日志，也希望给同样在折腾个人博客的你一些参考。 --- ### 一个开发者社区的底子，应该长什么样？ 2024 年我搭起 CodeZone 的时候，想法很简单：给自己一个安静的地方写技术笔记，顺便认识一些同路人。最早用的是 WordPress，后来觉得太重，换成了自己用 PHP + MySQL 手写的轻量系统。 V1 能用，但丑。V2 加了暗色主题和玻璃拟态设计，看起来有了点样子，但很多地方「只做了样子」——后台管理面板的系统设置全是摆设，搜索框点了没反应，聊天室永远卡在「连接中...」。 3.0 这一版，核心目标就一个：**把所有「半成品」变成「能用的东西」。** --- ### 这次升级，到底改了什么？ **后台终于能用了。** 以前点进「系统设置」，每个输入框都是灰的，每个按钮点了都弹一句「此功能将在后续版本中启用」——说实话，这种占位 UI 还不如不放。3.0 把整套设置功能接入了数据库，站点名称、公告、SEO 描述现在改了就能生效。维护模式、用户注册、评论审核这些功能开关，点一下就切换，实时持久化，不用改代码不用重启。还加上了缓存清理和全站数据导出，数据库大小也能一目了然。 **搜索框不再是摆设。** 之前的搜索框是一个需要点击才能展开的小圆圈，说实话，连我自己都经常找不到它在哪。这次参考了 GitHub 和 Linear 的搜索设计，换成了常驻导航栏的胶囊形搜索框，左边搜索图标，右边 `/` 快捷键提示。按 `/` 直接聚焦，`Esc` 退出，聚焦时有一圈 cyan 辉光——这个交互细节，用过 GitHub Command Palette 的人应该很熟悉。 **首页标题有了辨识度。** CODEZONE 这八个字母之前用的是 JetBrains Mono，一个等宽编程字体。好看是好看，但大小写几乎看不出区别，远看就是一坨色块。这次换成了 Google Fonts 的 Orbitron，几何感很强的未来风字体，大写 C 和小写 o 的差异一目了然，配合渐变色动画，视觉冲击力直接拉满。 **文章互动栏终于不用猜了。** 之前文章底部的点赞、收藏、举报按钮，在小屏幕上文字标签会自动隐藏，只剩一个 SVG 图标，很多人根本不知道那是什么。这次全部换成了 emoji：🤍 点赞、⭐ 收藏、🔗 分享、🚩 举报，同时保留了文字标签在所有屏幕尺寸下可见。点赞后心形会从白色变成红色，收藏会有星星反馈，新增的分享按钮支持移动端原生分享面板和桌面端一键复制链接。 **聊天室真的能聊了。** 这个功能在 V2 就有，但一直是个摆设。问题出在前端 JavaScript 访问消息数据时写错了对象路径，导致一加载就报错，然后页面显示「网络断开即将重试」。修好之后又发现，空聊天记录和 API 异常状态都没有处理，全部补上了。现在打开聊天室，能看到历史消息，能发新消息，三秒轮询刷新，体验流畅。 --- ### 一些技术上的碎碎念 整个项目是纯 PHP 7.3 + MySQL，没有框架，没有构建工具，跑在宝塔面板上。有人可能会觉得这个技术栈过时了，但我选择它的原因也很实际：服务器资源有限，部署简单，出了问题 SSH 上去直接改文件就能生效。 暗色主题用的是 CyberGlass 风格——玻璃拟态加毛玻璃效果，CSS 变量统一管理颜色系统。整个站只有一个 CSS 文件加每个页面一段内联样式，没有 Node.js 构建链，没有 Tailwind，纯手写。听起来原始，但好处是改一个变量全站生效，调试也方便。 前端交互全是原生 JavaScript，没有引入 jQuery 或任何框架。管理后台的图表用了 ECharts，编辑器用了 SimpleMDE，除此之外都是手写的。代码量不大，但每一行都在该在的地方。 --- ### 写在最后 做个人博客社区这件事，说实话在 2026 年已经不算什么新鲜事了。掘金、思否、知乎专栏，哪个不比个人站好用？ 但我觉得，拥有一个完全属于自己的技术社区，和在大平台上写东西，是两种完全不同的体验。这里的每一行代码、每一个像素、每一个交互细节都是你自己决定的。它不完美，但它是你的。 CodeZone 3.0 不是什么里程碑，它只是一个起点。接下来会做的：全文搜索引擎、标签系统优化、用户等级体系、暗色/亮色主题切换……慢慢来吧。 如果你也是一个喜欢折腾的开发者，欢迎来 [码域 CodeZone](https://zxx1995.com) 逛逛，注册一个账号，写篇文章，或者只是来聊天室聊两句。 我们代码里见。 --- *CodeZone 码域 | 在这里，记录每一行有意义的代码*