使用 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、独立开发、网站、产品、阅读,以及各种突然冒出来的想法。

也会记录一些我亲手做出来的小东西。

至于这个网站最后会变成什么样,我现在也不知道。

但这恰好也是我想做它的原因。

探索、发现、创造、折腾。

希望这些看起来没什么目的的折腾,时间久了,真的能折腾出点结果。

← 返回文章列表