这一步不学技术细节

上一节你做的事情应该很简单:在一个空目录里启动 Codex,然后把第一条指令说清楚。

现在 Codex 应该已经开始做事了。它可能会创建一些文件,安装一些依赖,运行一个预览命令,然后告诉你一个本地地址。

这一节你不用理解每个文件是什么意思。你先只做三件事:

  1. 打开本地预览。
  2. 看页面是不是普通人能读懂。
  3. 确认没有出现不该公开的私人信息。

如果 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 告诉你下一步怎么发布到免费地址。

如果做到这些,第一版就成功了。

不要在这里追求完美。对普通人来说,最关键的变化是:网站不再是一个遥远的技术词,它已经在你的电脑里跑起来了。

如果你是从单篇文章跳进来的,可以回到普通人的第一座个人网站看完整路线。