不会写代码,也能让Codex做出第一个网站

从0开始学Codex · 第05篇

前四篇，我们已经完成安装、认识界面、学会先读后改，也写出了第一条完整提示词。今天只做一件事：让Codex把一个空文件夹变成能在电脑和手机上查看的个人主页。你不用先学HTML，也不用背任何命令，这一篇的终点就是亲眼看到成品。

第一版，越小越容易成功

第一次别做商城、会员系统或留言数据库，只做一张单页：顶部放姓名和一句介绍，中间放三项作品，底部放联系方式。范围越小，Codex越容易一次完成，你也越容易判断它做得对不对。

先准备四样素材

在“个人主页练习”文件夹里放好头像、个人简介、三张作品图和联系方式，最好都用副本。Codex看到真实材料后，会围绕你来组织页面；如果只给一句“自由发挥”，它很可能做出一个漂亮却不像你的模板。

把这段话交给Codex

请在当前“个人主页练习”文件夹中做一个简洁的单页个人主页，让别人快速知道我是谁、看过哪些作品、怎样联系我。只使用文件夹里的文字和图片；页面包含个人介绍、三项作品和联系方式，手机上也要清楚易读。不要修改原始素材，不要发布到互联网。先告诉我准备怎么做，再开始制作；完成后打开本地预览，检查页面、图片和链接，并列出新建或修改的文件。

这段话没有技术术语，却把目标、资料、边界和验收都交代清楚了。你只需要把文件夹名称和内容数量换成自己的，就能直接使用。

先看计划，再让它动手

Codex通常会先列出页面结构和准备创建的文件。你只看两件事：它是否只处理“个人主页练习”文件夹，计划里是否有介绍、作品和联系方式。两项都对，就让它继续；如果出现别的目录、登录或发布，直接让它删掉那部分计划。

文件名看不懂，也不影响验收

完成后，你可能会看到一个页面文件、一个样式文件和一个图片文件夹。把它们理解成“房子、装修和家具”就够了：页面文件决定放什么，样式文件决定长什么样，图片文件夹保存页面使用的素材。不要单独移动其中任何一个，让它们继续待在同一个练习文件夹里。

只在本地打开，不急着上线

让Codex打开本地预览，你会在浏览器里看到主页，但其他人还访问不到。先分别看电脑宽度和手机宽度：标题有没有挤成一团，图片有没有变形，按钮能不能点，文字是否仍然清楚。发现问题就把画面现象告诉Codex，不必解释代码原因。

修改时，一次只说一个重点

“再高级一点”仍然很模糊，换成“标题短一些、作品图更大、联系按钮更醒目”就能看到稳定变化。一次只调整一个重点，改完立刻看预览；如果方向不对，就让Codex恢复上一次效果。你是在做选择，不是在参加编程考试。

五项都通过，才算真正完成

最后检查：页面能打开、内容来自你的资料、电脑和手机都清楚、图片与链接正常、原始素材没有被改动。五项全部通过，你就有了第一件Codex作品。它暂时只保存在电脑里，但从空文件夹到可查看成品，这一步已经跑通了。

互动一下

你的第一个个人主页最想放哪三样内容：个人介绍、作品、经历、服务，还是联系方式？留言写下三个关键词，我会从大家最常见的组合里挑一个，继续做下一篇实操。