网站重构改版

一个被搁置的念头

• 曾经的执念：不愿套用现成模板，想要一个完全属于自己的个性化网站。

• 现实的鸿沟：不会写代码、又懒得系统学习编程，想法沦为空想。

• 转机出现：AI 技术的爆发，让不懂代码不再是创意的终点。

前期工作

其实之前也零星用过 AI 来生成一些代码片段，但大多是浅尝辄止的“玩具式”尝试。这次决心完整地做一个项目，考虑的事情就多了不少，每一步都像在摸索着过河。

工具选择

• OpenCode：AI 开发终端，用于执行代码生成与项目指令。

• oh-my-opencode-slim：多 Agent 协作插件，负责任务拆解与多角色模型调配。

• magic-context：上下文管理工具，用于维护长对话中的项目全局记忆，减少上下文丢失。

模型选择

前面以 DeepSeek V4 系列为主，稳定且够用；后来涨价了，便果断切换至新出的 GLM-5.3 Flash 应付绝大多数场景绰绰有余。只有少数卡壳的难题，才临时切到 Pro 模型解决。

订阅费用

• 2 个 OpenCode Go 首月优惠（$5 × 2 = $10）

• 智谱 7 天免费体验套餐 ($0)

• CommandCode Go ($1)

• 某推广期白嫖的国内平台 ($0)

不到 80 块人民币，基本搞定！

实际开发

由于缺乏专业知识和系统性的开发经验，我并没有严格遵循什么软件开发流程，完全是凭着自己粗浅的认知，走一步看一步，边试边改。

视觉设计

用 Gemini 生成图片预览找到灵感 -> 挑选喜欢的效果并迭代 -> 手写页面说明稿，让 AI 读图+读文建立基础框架。

技术架构

全栈 TypeScript 一体应用（React SSR + SQLite + Node 服务器），单文件数据库，零外部依赖（除了必要的 npm 包），打包成 Tar 包即可轻松迁移；同时还支持 Docker 部署，一条命令就能拉起容器，省去了环境配置的麻烦。

开发总结

由于一开始缺乏系统性的完整规划，开发过程中网站的设计和功能经历了多次增添与删改，许多前期忽略的细节和隐藏的 bug 也在后期使用中陆续暴露，不得不反复进行补充修正和调试。此外，由于缺乏专业知识，在与 AI 的沟通中，有时难以准确描述自己的需求，导致 AI 生成的结果偏离预期，来回拉扯不少回合，这些零散的修补和沟通成本耗费了不少精力。