这一步不学技术细节
上一节你做的事情应该很简单:在一个空目录里启动 Codex,然后把第一条指令说清楚。
现在 Codex 应该已经开始做事了。它可能会创建一些文件,安装一些依赖,运行一个预览命令,然后告诉你一个本地地址。
这一节你不用理解每个文件是什么意思。你先只做三件事:
- 打开本地预览。
- 看页面是不是普通人能读懂。
- 确认没有出现不该公开的私人信息。
如果 Codex 还没开始创建
如果 Codex 只是给了方案,还没有动手,可以直接说:
可以按这个方案开始创建第一版。
请你自己决定目录结构和技术选择。
我的要求只有:
- 第一版尽量简单;
- 能在本地打开预览;
- 首页、关于页、作品或文章列表、联系页都要有;
- 不要加入真实私人信息,缺内容就用占位文字;
- 完成后告诉我本地预览地址,以及我应该先检查哪几个页面。
这比让读者自己创建一堆目录更自然。目录结构应该由 Codex 先搭出来,读者之后再慢慢理解。
如果 Codex 问要不要运行命令
Codex 可能会说它需要运行类似这样的命令:
npm install
npm run dev
npm run build
普通人不需要先学会这些命令。你可以问:
请用一句话解释这个命令是做什么的。
如果这是为了安装网站依赖、打开本地预览或检查网站,请继续。
你要知道大意,而不是背命令。
打开本地预览
Codex 完成后,通常会给你一个地址,例如:
http://localhost:4321/
或者:
http://localhost:5173/
复制这个地址,用浏览器打开。
如果打不开,不要自己猜原因。把报错原样发给 Codex:
我打开本地预览时遇到这个错误:
粘贴错误信息
请先用普通人的话解释这是什么意思,然后给我最小修复方案。
第一眼不要评价好不好看
第一次打开时,先别急着说“好看”或“不好看”。
先检查它有没有工作:
- 首页能不能打开。
- 导航能不能点。
- 关于页有没有说明你是谁。
- 作品或文章列表是不是能看懂。
- 联系页有没有错误联系方式。
- 手机宽度下文字有没有挤在一起。
- 页面里有没有真实住址、证件、孩子学校、客户资料、合同、后台截图。
第一版不好看没关系。第一版太复杂、太乱、太容易泄漏隐私,才是问题。
让 Codex 用普通人标准自查
你可以继续发:
请用普通人的标准帮我检查这一版网站。
请列出:
1. 当前有哪些页面;
2. 每个页面想表达什么;
3. 哪些文字明显像占位内容,需要我以后替换;
4. 有没有可能泄漏隐私的内容;
5. 有没有手机上不好读、链接打不开、图片变形的问题;
6. 下一步如果要发布到免费网址,需要做什么。
请先只检查和说明,不要发布。
这一步把“我不知道该看什么”变成一张清单。
什么时候算成功
这一关的完成标准很低:
- 你在浏览器里打开了网站。
- 你知道首页、关于页、列表页、联系页大概在哪里。
- 页面用的是占位内容也没关系,但你知道哪些地方以后要替换。
- 没有出现不该公开的私人信息。
- Codex 告诉你下一步怎么发布到免费地址。
如果做到这些,第一版就成功了。
不要在这里追求完美。对普通人来说,最关键的变化是:网站不再是一个遥远的技术词,它已经在你的电脑里跑起来了。
如果你是从单篇文章跳进来的,可以回到普通人的第一座个人网站看完整路线。
