使用 Codex 10分钟建造个人站

今天突发奇想做一个自己的个人网站。
毕竟在 AI 的加持下做这种网站还是很轻松的。
然后就让 Codex 帮我从 0 开始建。
结果比我想象中快得多。
大概十来分钟,一个能正常访问的个人站就已经跑起来了。
我想要一个什么样的网站
产生想法后,我就开始问 ChatGPT,让他帮我推荐一些大佬的个人网站作为参考。

看完大佬的网站之后,基本确定了我想要的样子:
- 首页
- 文章列表
- 文章详情
- 关于页面
- GitHub、X 等社交链接
- RSS
- 基本的 SEO
文章直接使用 Markdown 编写。
网站整体尽量简单、干净,重点永远是内容,而不是网站本身。
然后让 ChatGPT 给我推荐了技术栈:
Astro + Markdown + 原生 CSS + GitHub + Cloudflare
没有数据库,没有 CMS,也没有服务器后台。
对于一个个人网站来说,已经足够了。
把需求交给 Codex
确定方向之后,我在本地创建项目目录,然后把需求交给 Codex。
以前自己做这件事,大概要经历:
研究框架 → 初始化项目 → 查文档 → 写页面 → 写 CSS → 调试 → 修 Bug。
而现在最大的变化是:
我只需要告诉 Codex,我想要什么。
Codex 很快帮我完成了项目初始化,并建立了首页、文章列表、文章详情、About 页面,以及 Header、Footer 等公共组件。
第一版出来以后,我再打开网站看效果。
哪里不喜欢,就继续告诉 Codex:
这里改一下。
那里简单一点。
这个文字换掉。
那个布局调整一下。
整个过程很像我负责产品和验收,Codex 负责具体实现。
为什么选择 Astro
这个网站最终用了 Astro。
我之前对 Astro 了解并不多,但实际用下来发现,它很适合这种以内容为主的个人网站。
我的文章本质上就是一个个 Markdown 文件。
例如:
src/content/posts/
├── hello-world.md
├── why-i-built-this-site.md
└── codex-personal-site.md
写文章不需要登录后台。
新建一个 .md 文件,写完之后提交代码,网站就可以自动生成对应的文章页面。
这让我挺喜欢。
因为对于个人网站来说,我并不想为了“管理文章”,再专门维护一套管理文章的系统。
文件就是内容,Git 就是版本管理。
简单就够了。
推送到 GitHub
本地网站完成以后,下一步就是让它真正上线。
我在 GitHub 创建了一个 Private Repository,然后让 Codex 把本地项目提交并 Push 到 GitHub。
到这里,代码已经从我的电脑进入了 GitHub。
接下来只差最后一步:
部署。
部署到 Cloudflare
最开始我以为会用 Cloudflare Pages。
但实际打开现在的 Cloudflare 后台后,发现它的新建项目流程已经更偏向 Workers。
于是最后使用的是:
Cloudflare Workers Static Assets
因为 Astro 最终生成的就是静态文件,所以整个部署其实并不复杂。
构建命令:
npm run build
Astro 构建完成后生成:
dist/
然后让 Cloudflare 部署 dist 中的静态文件。
配置完成以后,Cloudflare 开始自动构建。
没过多久:
Build Successful。
网站正式出现在公网上。
从一个空文件夹,到一个任何人都可以打开的网站,整个过程比以前建站轻松了太多。
更有意思的是后面的自动化
网站上线并不是我觉得最方便的地方。
真正让我觉得舒服的是后面的工作流。
现在整个流程已经变成:
我提出修改
↓
Codex 修改代码
↓
Git Commit
↓
Push 到 GitHub
↓
Cloudflare 自动构建
↓
网站自动更新
以后写完一篇文章也是类似的。
我只需要新增 Markdown,提交到 GitHub。
剩下的事情全部自动完成。
不需要 FTP。
不需要手动上传文件。
也不需要每次登录服务器执行部署命令。
10分钟,真正改变的是什么
严格来说,“10分钟建站”当然有一点标题党的味道。
因为在真正开始之前,我还是花了一些时间思考:
网站叫什么?
用什么技术?
首页应该放什么?
About 应该怎么写?
域名叫什么?
Cloudflare 应该怎么配置?
这些事情并不会因为有了 AI 就消失。
但真正发生变化的是:
实现一个想法的成本正在快速下降。
以前想到一个东西,我的第一反应可能是:
“这个做起来麻烦吗?”
现在越来越变成:
“要不先做一个出来看看?”
从想法,到一个能运行的东西,中间的距离越来越短。
这可能才是 Codex 这类 AI 编程工具真正有意思的地方。
接下来
网站只是刚刚开始。
我暂时不准备继续给它增加太多功能。
不做复杂后台,不折腾评论系统,也暂时不追求各种花哨效果。
先写东西。
以后这里可能会记录一些:
技术、AI、独立开发、网站、产品、阅读,以及各种突然冒出来的想法。
也会记录一些我亲手做出来的小东西。
至于这个网站最后会变成什么样,我现在也不知道。
但这恰好也是我想做它的原因。
探索、发现、创造、折腾。
希望这些看起来没什么目的的折腾,时间久了,真的能折腾出点结果。