零基础也可以搭建一个个人网站吗？

以前是不行的，要先学一堆代码、装一堆环境、配一堆工具，最后还不一定能跑起来。知道现在我自己真拿 Codex 折腾了一遍，才发现现在的门槛确实低了不少。对新手来说，最难的往往不是代码本身，而是你根本不知道第一步该怎么开始。

所以这篇文章，我直接按“一个完全没基础的人，怎么把第一个网页跑起来”这个思路来写。你如果只是想先做个个人主页、作品集、展示页，这篇文章基本够用了。

先把 Codex 装好，别卡在第一步

如果你是第一次接触 Codex，我更建议直接用官方桌面端，操作会比一上来折腾命令行轻松得多。

这里有个新手很容易搞混的点，就是 API Key。

不少人一看教程就以为，装完软件还得先单独配置 API Key，不然就不能用，其实不一定。如果你走的是官方桌面端这一套，很多情况下直接登录账号就能开始；只有你打算用 API 工作流，或者接企业环境，才可能需要额外配置。

所以别一开始就被“配置环境”这几个字吓住。先确认自己用的是哪种方式，再决定后面要不要补这一步。

开工前先做一件事：建一个单独的项目文件夹

这是我自己上手之后，觉得特别有必要提前做的一步。

很多人第一次用 Codex，会直接打开软件，然后让它“帮我做个网站”。看起来很省事，但实际很容易把文件搞乱。因为你如果没有先准备好项目目录，后面生成出来的文件可能会散在不同位置，改起来会比较费劲。

我当时的做法很简单，就是先在电脑里建一个专门放项目的文件夹，比如：

codex-projects
  └── my-first-site

以后每做一个新网页，就新建一个独立子目录。这样后面无论是改页面、换图片，还是准备上传，都会清楚很多。

别小看这个动作。网站还没开始做的时候，目录先理顺，后面整个过程都会轻松不少。

第一次做网站，我是先从静态页开始的

零基础最适合拿来练手的，不是商城，也不是带后台的系统，而是最简单的静态网页。

比如这些就很适合：

• 个人主页
• 作品集页面
• 公司介绍页
• 简单活动页
• 联系方式落地页

我一开始也是这么选的。原因很直接，这类页面结构清楚，预览方便，而且你不用先去理解数据库、后台接口这些更复杂的东西。

先做出一个能打开、能看、能改的页面，比一开始就想着做“大项目”要实际得多。

真正开始的时候，提需求这一步比我想的还重要

一开始我也以为，直接丢一句“帮我做个网站”就行了。后来发现不是这样。

如果你说得太笼统，出来的结果往往就很随机。反过来，你把需求说具体一点，页面就会更接近你想要的样子。

比如可以这样写：

请在当前文件夹中创建一个单页个人作品集网站，标题为“我的设计作品”。
页面包含顶部介绍区、个人简介、6个作品展示卡片和联系方式区域。
整体风格简洁干净，适配电脑和手机浏览器，使用纯前端静态页面即可。

这种写法就比“帮我做个网站”靠谱很多，因为它把页面结构、视觉方向、使用场景都交代清楚了。

我自己的感觉是，Codex 不是不能做，而是你说得越具体，它越容易给出一版能直接接着改的东西。

页面生成出来之后，我先做的不是改，而是本地打开看看

当 Codex 开始生成文件后，通常会看到几个很常见的文件：

• index.html
• style.css
• script.js

如果做的是静态页面，最简单的预览方式就是直接打开 index.html。这一步其实挺有成就感，因为你会第一次真正看到页面成型。

这时候不用急着追求完美，先确认页面已经跑起来了就行。因为只要能正常显示，后面的调整其实都好说。

接下来就是一边看，一边让它继续改

这一段我觉得才是整个过程里最像“合作”的地方。

页面第一版出来之后，通常不会刚好完全符合预期。这个很正常，我自己的做法也不是推倒重来，而是看哪里不顺眼，就直接继续补需求。

比如可以继续这样说：

• 顶部区域太空了，帮我加一个副标题
• 作品卡片的间距再大一点
• 手机端标题字号调小一些
• 底部联系方式换成横向排列
• 整体颜色不要太花，改得更清爽一点

这样一步步改，比你一开始就要求它生成一个“完美成品”更稳，而且这个过程对新手很友好，因为你会越来越清楚，一个网页到底是怎么一点点变出来的。

本地跑通之后，下一步才是域名和上线

当页面已经能在本地正常打开，才有必要往“让别人也能访问”这一步走。这个阶段一般会接触到两个东西：

• 域名
• 服务器或托管空间

域名就是网址，服务器就是放网页文件的地方。对新手来说，这一步没必要一开始就研究得太深。先把网页雏形做出来，再去处理上线，会更轻松一些。

域名这块我自己前面折腾的时候，也顺手用过聚名网这类平台，主要是查名字有没有被注册、顺便看看常见后缀和价格，省得来回切站点。对第一次做网站的人来说，先把域名想明白，比急着下单更重要。

域名注册查询点这里

域名查好之后也需要完成以下步骤：

• 注册域名
• 准备服务器或静态托管
• 上传网页文件
• 做域名解析
• 测试外网访问

这些放到第二阶段去看，信息量会更容易消化。

最后说句实在话

对零基础来说，Codex 真正有价值的地方，不是它替你把所有东西都做完，而是它能帮你先跨过最难的那一步：从 0 到 1，把一个网页真正做出来。

只要这一步完成了，后面的事就没那么可怕了。