Codex编写个人主页的记录

Diotima

前段时间在另外的帖子里提到买了一个域名，找了个服务器编写个人主页。这两天我又细化了一下，把主页这个东西丰富了一些。开帖分享记录一下自己的部署流程。全程基本没有碰代码，全靠Codex狠狠拉磨。模型混用了GPT-5.5 和GPT-5.6-sol。所有额度都由plus套餐cover。

思路是Github page托管静态网页，Cloudflare托管域名。用子域名来分割不同的用途。我专门添加了academic的DNS记录来host我的简历，从而与同人文，博客所在的主页面分开。

第一步是将Codex连接到github。这一步可以直接在插件和应用里面自己设置，也可以让codex给你拉请求设置。不论如何经过2FA验证后我连接上了github。

第二步是利用本地git创建一个仓库，这一步Codex可以自己完成。我简单描述了一下想要的页面布局。并上传了头像和背景图（实则从b站前端扒下来的）。这一步需要寻找一些其他的参考，我大体参考了一些其他的个人网站，定下了自己的布局。这其中Codex很聪明，知道为不同屏幕布局调整CSS格式来做适配。我自己一开始都没想到。各种居中写的也很好。

第三步是我手动喂给它了我想要的网站架构。大概是：
Home-Research
        -Blogs
        -Links
        -Contact me
这样输入进去的。Codex精准理解了我的想法。可惜它不知为何把所有子页面写成了/#/blogs的形式，于是又让它修改。

第四步，添加子页面。我的要求是代码是由代码框展示的，要可以复制。我将过去一些散落在各个网站的博文给复制回来，喂给GPT并附上原网页作为排版参考，得到了很不错的子页面。

第五就是给博文添加目录，links添加超链接什么的…… 把需求喂进去后都展现很不错。注意到这步还是可以不推送到云端的。
第六，github创建项目，推送到云端。codex可以自己创建一个action。你把你要绑定的域名告诉它，它会自动指向你要的域名。