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来部署和推送网页。你把你要绑定的域名告诉它，action生成后会自动指向你要的域名。

第七步就是绑定域名了，Github Page有四个IPV4的IP，还有四个IPV6的IP。IP段在Github的document里面可以找到

在域名托管平台添加对应的record。我全部添加的A或者AAAA(IPV6)记录，没有使用ALIAS记录。开启proxy作为增强保护。


这样网页就可以使用了。

对于academic子域名，我直接上传了我的简历到Codex并提出风格要求后让它直接部署。它直接部署的成果就可以接受了。后面又制作了网页的分享页和favicon来显得网站更加炫酷一点。直接用子域名是因为我认为将学术简历与日常博客，acgn生活内容隔开一点会显得更专业。如果我不写博客，那我可能只是加一个子页面来host简历了。


最后，出于个人爱好，我让Codex加上了一个FormSubmit的联系我功能。拥有域名后Cloudflare可以host一个邮箱中转。果断使用这个中转邮箱加强了一些隐私保护。同时让Codex启用了一些反垃圾措施。还添加了robots.txt规定一下反爬虫。(虽然github可以直接扒）再次推送，发过启用FormSubmit的验证邮件后，网页就做好啦。