PERSONAL TECH BLOG

把复杂问题拆成清晰、可维护、可复用的方案。

这里记录我在 Web 开发、AI 应用、自动化脚本、部署运维和个人项目上的实践。我更在意一件事是怎么被真正做出来的，而不只是最后跑通了没有。

看最新文章了解我在写什么

偏实践，少空话，尽量写清楚上下文与取舍
会保留调试过程、踩坑记录和回滚思路
把零散经验整理成长期可复用的方法

Writing Lens

工程视角

比起堆概念，我更愿意把配置、流程、边界条件和实际取舍写明白。

Main Topics

技术方向

前端工程、后端服务、AI 工具链、自动化测试、部署运维与个人产品化尝试。

Update Pattern

持续迭代

这不是一次性展示页，而是一个会不断补充、重构和沉淀的长期技术空间。

LATEST WRITING

专题连载

把零散经验收束成一条完整的学习路径。

VPS 运维日志

记录从博客上线、反向代理、进程守护到监控报警的一整套个人实践。

先看第一篇

AI + Coding Workflow

围绕代码生成、自动检查、文档整理和本地工具链的协作方式做持续迭代。

打开专题文章

前端重构手记

把一个页面从“能跑”重构到“可读、可扩展、可维护”的过程拆成细节来写。

看调试案例

LAB / BUILD NOTES

项目实验室

我喜欢把灵感快速做成原型，再慢慢把它打磨成可上线的东西。这部分会记录我正在做的小项目、工具尝试，以及每次迭代背后的判断。

对我来说，技术博客不只是“分享知识”，更是整理认知、检验方法、沉淀个人工作流的一种方式。

const currentStack = {

frontendHTML / CSS / JavaScript
backendNode.js / Python
infraLinux / Nginx / Docker / PM2
toolingGit / CI/CD / Playwright / API

}

Engineering Build in Public Automation Deployment Debugging System Design

ABOUT THIS BLOG

一个持续生长的技术空间

你好，我是 Junhao。这个博客会放我的技术文章、项目记录、踩坑复盘和一些对工作流的整理。如果一篇文章值得发出来，它应该不只是有答案，也要有过程、判断和上下文。

我希望这里保留“真实构建”的痕迹：包括不完美的第一版、反复重构后的版本，以及那些最终被我放弃的方案。

写作关键词 实践、复盘、结构化、长期主义

内容方向 Web 开发 / AI 工具 / 自动化 / 部署运维

博客目标 把每一次折腾都沉淀成下一次更快的起点

把复杂问题拆成清晰、可维护、可复用的方案。

工程视角

技术方向

持续迭代

最近更新

把个人博客部署到 VPS 后，我补齐了哪些基础设施

做 Playwright 页面回归时，我总结出的 7 个稳定性技巧

从“能用”到“可维护”：我怎样整理自己的 AI 开发工作流

一次缓存失效排查：从用户反馈、日志线索到最终修复