个人官网与博客

项目背景

我想有一个自己的网址。别人打开后，可以知道我是谁、看我做过什么，也能继续阅读自己的实践记录。于是我把个人主站与博客一起搭了起来。

遇到的问题

真正做的时候，事情不止是做一个好看的页面。本机能预览，不代表服务器已经更新；文件上传到了一个目录，也不一定就是域名实际读取的位置。主站与博客的入口如果没有统一，访客还会被带到旧网站。

我的判断

先分清每个网站负责什么，再把一条访问路径跑通。主站负责认识本人、看作品与联系，博客负责文章和长期阅读。一次上线完成后，还需要从访客的角度重新点击一遍。

采用的方案

用 Astro 生成静态页面，保留清楚的内容与配置文件。主站使用 abtx.cn，博客使用 blog.abtx.cn；把域名、源码、预览与部署位置分别记清楚。

完成的工作

• 搭建个人介绍、作品、服务、联系与文章阅读页面。
• 完成主站与博客的域名访问和服务器部署。
• 将首页照片换成本人提供的浅灰西装办公照。
• 找到旧博客地址仍留在配置与测试中的问题，将所有主站入口统一到 blog.abtx.cn。
• 对覆盖前的页面备份，并从线上验证桌面与手机的真实跳转。

最终结果

个人主站和博客都可以直接访问。这里的截图来自本轮改版前已经上线的主站，是实际页面，不是客户项目或模拟成果。网站仍在更新，当前这一次重点是把真实作品与交流路径做得更清楚。

使用的能力

需求整理、内容结构、前端实现、静态构建、域名与部署核对，以及浏览器回归检查。

可复用的方法

把“页面做好了”“本机能打开”“文件上传了”和“访客能正常使用”分别验证。每次更新都先记录目标目录和版本，留下备份，再从公网核对实际结果。