不完全的推翻重来：我的个人主页重构记录

我想做的不是换一套更“流行”的模板，而是让这个已经带有个人气质的小站，变得更整齐、更稳定，也更适合长期维护。

有一段时间，我觉得个人主页只要能正常打开、头像和文字能显示、按钮可以点击，就已经足够了。真正开始整理之后才发现，页面能用和项目好用其实是两回事。旧版本的视觉风格是我喜欢的：黑色星空、白色微光、圆形头像以及克制的灰色卡片，共同组成了这个小站最重要的辨识度。但随着页面不断增加，文件散落、样式重复、入口关系不够清晰、移动端表现不稳定等问题也慢慢显现出来。

所以，这次重构从一开始就没有打算“推翻重做”。我给自己定下的第一条原则，就是保留原来的背景、配色和整体氛围。很多重构最后会变成换皮，技术上也许更新了，原来的味道却不见了。我不希望这样。新的版本仍然是熟悉的黑色星空，也保留了头像的柔光效果和简洁的个人介绍，只是在布局、结构和细节上做了更有秩序的整理。

先把页面关系理顺

这次最先处理的不是动画，也不是某个按钮，而是整个站点的页面关系。首页继续承担个人名片和主要入口的角色；友情链接、友链申请和说明类内容被拆分为独立页面，各自只负责一件事。原来首页底部重复出现的友情链接和说明入口被移除，避免同一个功能在不同位置反复出现。这样做之后，首页更安静，访客也不需要在一屏之内面对太多选择。

除了首页，其他页面左上角都增加了返回按钮。这个按钮不是机械地跳回固定首页，而是优先回到访客刚刚浏览的页面。比如从友链列表进入申请页，提交前想再看一眼要求，点击返回就会回到友链列表；如果页面是被直接打开的，也准备了合理的兜底去向。这个变化很小，却让页面之间真正有了连续的浏览路径。

保留样子，但把细节做好

字体也重新做了统一。站点主体使用新的自定义字体，让标题、按钮和正文的气质更加一致；首页的“一言”仍然保留原来的字体，不为了统一而牺牲它本身的阅读感。对我来说，统一并不意味着所有地方必须完全相同，而是每个例外都应该有清楚的理由。

移动端是这次修改中花时间较多的一部分。旧页面在部分手机上会出现头像被拉成长椭圆、按钮拥挤、首屏高度不稳定以及内容间距过大的情况。新版明确固定了头像比例，重新安排了窄屏下的按钮网格，并针对手机浏览器的可视高度调整页面尺寸。经过多种宽度检查后，主要页面不再产生横向滚动，按钮也能保持足够的触摸区域。桌面端没有因此被压缩，仍然保留原本舒展的留白。

让友情链接从“静态名单”变成完整流程

友情链接是这次重构里变化最大的一块。过去它更像一份需要手工修改的名单：收到申请后，还要再打开文件、复制内容、调整顺序并重新上传。现在，申请页面、消息通知、数据保存、后台审核和前台展示已经连成了一条完整流程。

站点管理员提交申请后，内容会进入待审核状态，并向站长发送提醒。审核时可以检查和修正站点名称、简介、图标、网址等公开信息，也可以决定通过、拒绝或暂时下架。只有通过审核并保持上线状态的友链，才会出现在公开页面。这样既减少了重复编辑，也避免未经确认的内容直接展示。

友链卡片延续了原来的毛玻璃风格，左侧是站点图标，中间展示名称与简介，右侧新增了轻量的延迟状态。页面打开后会进行一次简单的连通性探测，显示检测中、响应时间或超时提示。这个数字并不是用来给网站排名，它更像一个即时的小状态灯：让访客知道目标站点当前是否容易访问。因为探测来自每位访客自己的网络，不同地区看到的数字可能并不相同，这也是正常现象。

上线不是最后一步

在正式替换文件之前，我为原站和相关数据保留了独立备份。每一轮部署后都会重新检查首页、友链、申请页和说明页，并分别验证桌面与手机尺寸。表单提交、审核、上线、下架以及前台同步也都走过完整流程。测试结束后，示例数据会恢复到待审核状态，不让测试行为替代真正的内容决定。

项目仍然保持轻量，没有因为功能增加就引入庞大的前端框架。页面依旧由原生网页技术构成，打开速度、部署方式和后续维护成本都比较可控。与友链相关的服务也采用了相对独立的组织方式，能够与已有功能共存；公开页面只读取展示所需的信息，管理和运行细节不会出现在前端。

写在最后

回头看，这次重构最有价值的地方，并不是多了多少功能，而是把许多原本依赖记忆和临时操作的事情，变成了清楚、可重复的流程。页面该去哪里、内容如何进入、手机上应该怎样显示、出现问题如何回退，这些过去容易被忽略的部分，现在都有了明确答案。

个人主页不一定要复杂，也不需要追逐每一种新的设计潮流。它更像一个慢慢整理出来的房间：颜色、光线和摆放方式都带着主人的习惯。技术的作用，是让这个房间更牢固、更容易打理，而不是把它改造成另一个陌生的样板间。

这次更新告一段落，但小站不会因此定型。之后还会继续补充真正想展示的朋友、内容和细节。至少现在，它已经从一组能够运行的页面，变成了一个可以安心继续使用的个人空间。

文章摘要： 本次重构在保留原有星空背景和黑白视觉风格的前提下，重新整理了页面结构与导航关系，改善移动端显示，统一站点字体，并完成从友链申请、审核到公开展示的完整流程。项目继续保持轻量，所有上线变更均经过备份与多尺寸验证。