从 fork 模板开始,通过个人网站学习 HTML 和 CSS。逐页重新设计,也留下了页面风格尚未统一的学习痕迹。
关键选择与思考
我是电子信息工程专业,之前没有开发经历。第一次学习前端,就是从做个人网站开始。框架来自别人,但我觉得它不够好看,于是重新设计每一个页面。那时还不懂如何让页面形成连贯的整体,内容也都写在前端里。
展开 4 个关键节点与试错记录
页面档案
共 136 张页面截图









Opening page…
BUILD · LEARN · REBUILD
从第一次学习 HTML,到拥有后台,再到找到自己的设计语言。这个网站,也记录着我如何学习、尝试与持续构建。
从 fork 模板开始,通过个人网站学习 HTML 和 CSS。逐页重新设计,也留下了页面风格尚未统一的学习痕迹。
我是电子信息工程专业,之前没有开发经历。第一次学习前端,就是从做个人网站开始。框架来自别人,但我觉得它不够好看,于是重新设计每一个页面。那时还不懂如何让页面形成连贯的整体,内容也都写在前端里。
共 136 张页面截图









在 Vibe Coding 兴起后重新构建网站。界面更简洁、偏黑白,内容也从 HTML 转向有后台管理的内容系统。
2025 年,我开始重新构建个人网站,2026 年才将代码上传到这个仓库。Vibe Coding 让我能继续推进以前难以独立完成的工作。第二版开始有了后台管理,更新内容更灵活。它更板正、更标准,但我也逐渐觉得,还可以让它更像我自己。
共 126 张页面截图









重新设计 UI、色彩与布局,让个人主题更鲜明。整齐网格、柔和色彩与清晰交互,也延伸到了后台管理。
第一版有些花里胡哨,第二版偏黑白、比较板正。这一次,我希望把自己的主题和风格表达得更鲜明,所以重新调整了 UI、色彩搭配与内容呈现。网站仍在持续优化,也会继续记录我的学习和构建过程。
共 119 张页面截图








