个人技术网站重构
把一个单页展示改造成真正可以长期写作的多页面技术网站。
周期2026.08
角色设计与开发
技术React / TypeScript / CSS
CHALLENGE / 问题
在内容密度、个人气质和移动阅读之间找到平衡。
RESULT / 结果
建立文章、栏目、项目、归档与关于页面的统一结构。
01
从哪里开始改
原来的页面只有首页,栏目只是筛选按钮,文章也没有可以分享的详情地址。视觉上有完整首屏,但它更接近一张介绍页。
02
先重建内容结构
这次先把文章、栏目和项目整理成独立数据,再让首页只承担入口和近期更新。每类内容都有稳定链接,归档负责按时间回看。
桌面使用完整视口建立三栏工作台,正文仍保持合适行宽;手机则重新排列信息,并提供适合拇指操作的固定导航。
03
接下来
继续补充真实文章,逐步替换示例联系方式,并根据长期使用调整栏目。设计不追求一次定稿,而是服务内容的持续增长。