我是如何用Codex上线个人网站的

一直想做一个真正属于自己的个人网站。 下载 Codex 后，我终于把这个想法变成了可以公开访问的网站。 01｜先确定网站类型 常见网站可分为静态网站、动态网站、CMS 网站和 Web 应用。 我做的是纯静态网站：HTML 负责结构，CSS 负责视觉和动效，JavaScript 负责导航、灯箱和内容切换。 02｜先找参考，再开始做 不要只说“做高级一点”。我分别寻找整体风格、动效和导航栏参考等等，再把工作拆成 3—5 个工作树：网站架构、首页、导航、摄影与随笔、字体间距和手机适配。 每次只给 Codex 一个小目标，并写清楚目标、参考、限制和验收标准。 实际循环是： 提出小目标 → Codex 修改 → 打开真实页面 → 截图指出问题 → 再调整 → 测试后合并。 03｜GitHub + Vercel 部署 本地完成后，把项目上传到 GitHub，再让 Vercel 导入仓库。以后更新 main 分支，Vercel 会自动重新部署。 摄影网站还要控制体积。我没有直接上传摄影原片，而是把约 542MB 的源资料压缩、筛选成约 95MB 的线上资源。 04｜购买并绑定域名 我通过阿里云活动获得 jiadingding.cn 首年使用权，再在 Vercel 添加域名，并在阿里云设置项目要求的 DNS 记录。配置生效后，HTTPS 自动启用。 最终网站：https://jiadingding.cn Codex 不是“一键生成理想网站”，更像一个执行力很强的搭档。 你负责风格判断、任务拆分和验收，它负责写代码、排查问题和快速迭代。 #vibecoding大赏 #网页设计 #网站制作 #vibecoding #Vercel #GitHUb #AI编程 #建站分享