不写代码,把品牌知识库转化为真实可访问的网站。 这一阶段解决的是:把两套知识库和真实素材交给工具箱,让AI连续生成、检查并交付可打开的首版网站。

🎯 本阶段目标

准备独立品牌项目,启动一次完整建站,处理中断,并同时验收网站与过程记录。

🚀 开始行动

上一章,你已经把零散的企业资料整理成了品牌知识库与行业知识库。

到了这一章,不再继续补文档,也不要求你学习代码。我们只完成一件真正重要的事:把已经整理好的资料交给AI,让品牌第一版网站真实生成出来,并且能够打开、检查和继续修改。

完成本章后,你会得到

第一版不需要一次就让你完全满意。先让网站真实长出来,下一章再对着页面逐项自检和精修。

本章只做四步:下载工具箱 → 放入资料 → 在Codex/WorkBuddy中启动 → 打开网站并验收。

下载工具箱、放入资料、打开项目并启动、打开网站并验收

复杂生产交给工具箱;你只负责准备、启动和验收。

一、先看清分工:你做四步,AI完成网站生产

你不需要手动复制十几份提示词,也不需要一个页面一个页面地创建网站。

工具箱会按照已经设定好的顺序,继续完成:

AI在后台接力完成资料整理、网站生产、构建、检查和修复

工具箱内部会把资料按12类内容进行整理,再装配成4个执行包。你现在不需要记住它们分别是什么。它们只是AI在后台分工接力的方法,不是你要逐步操作的课程。

为什么任务中断后可以继续

每完成一个阶段,AI都会把完成状态、正式产物和下一步位置写进项目运行记录。

如果电脑重启、网络中断、模型额度暂停或任务意外停止,下一次可以读取这些记录,从第一个没有完成的位置继续,不需要把已经通过的内容全部重做。


二、准备项目:解压工具箱,放入当前品牌资料

下载并解压工具箱

下载本章附件《AI全自动建站工具箱》。

本章工具包下载|AI全自动建站工具箱.zip 点击打开下载页面 → 下载按钮是灰色样式也可以正常点击;未登录访客可直接下载。 查看提示词与工具下载中心 →

另附《北境原野_官网项目》的知识库资料,针对暂时无法提供品牌知识库的学员,可以使用这个项目的知识库资料,来学习模拟建站的过程,已经生成自己品牌知识库的学员,可以忽略,不需要下载

备用案例知识库下载|北境原野_品牌知识库.zip 已经生成自己品牌知识库的学员,可以忽略这个备用资料。 点击打开下载页面 →

不要直接在压缩包里工作。先完成解压,再把最外层文件夹改成当前品牌名称,例如:北境原野_官网项目

一个品牌使用一个独立项目文件夹,不要把几个品牌混在同一个项目里。

解压前 先把ZIP解压成普通文件夹

改名后 把最外层文件夹改成当前品牌名称

把资料放进输入资料文件夹

打开解压后的项目文件夹,找到输入资料/,把上一章得到的资料放进去,包括:

有什么就放什么。没有的资料不用临时补做,也不用为了迎合工具箱而批量修改文件名。AI会先盘点和判断现有资料,再决定怎样使用。

**从这一步开始,解压并改名后的工具箱文件夹就是后续唯一建站工作空间。**第6章建立的资料准备文件夹只作为资料来源;把品牌知识库、行业知识库和素材复制到这里的输入资料/后,后续只打开第7章这个文件夹。

先找到输入资料文件夹 输入资料文件夹位于品牌项目根目录

再放入当前品牌资料 知识库与真实素材已经放入输入资料

先排除不该放进去的内容

不要把下面这些内容放进项目:

如果某份材料只有一小部分与官网有关,先保留需要使用的部分,不要为了方便把整个私人文件夹都放进去。

记住:工作空间选择最外层

稍后在Codex/WorkBuddy中选择的,是整个品牌项目的最外层文件夹。

选择最外层品牌项目文件夹,四个标志必须同时出现

正确的最外层通常能同时看到:

参考示例|无需发送给AI|建站项目外层目录结构 这段内容只用于对照目录或网址格式,不属于提示词。

北境原野_官网项目/
├── 开始这里.md
├── AGENTS.md
├── AI建站核心/
└── 输入资料/

你应该选择北境原野_官网项目/,不要选择:

**正常结果:**最外层同时存在开始这里.mdAGENTS.mdAI建站核心/输入资料/输入资料/里能看到当前品牌的知识库与素材。

完成这一步,只代表建站资料与工具已经准备好,还不代表网站已经完成。

这张图片展示了AI建站工具中用于确认项目文件夹结构的操作页面,页面核心区域用橙色框标注了项目应有的目录结构,明确列出了index.html、AGENTS.md、开始这里.md等文件,同时还标注了“查看项目文件夹内的文件名称”的橙色提示,页面提示不确定当前项目文件夹是否正确时可以通过该界面直观确认,该内容用于辅助验证品牌官网项目是否按照要求选择了正确的工作空间,和文档中“准备项目时需选择最外层品牌项目文件夹”的要求相呼应。


三、打开Codex/WorkBuddy:先选对项目,再给权限

本章以Codex作为主导演示。能正常使用海外环境时,优先使用Codex。

如果你使用WorkBuddy,操作名称和界面可能不同,但工作逻辑相同:

新建任务 → 选择品牌项目根文件夹 → 输入要求 → 等待AI执行 → 检查结果。

打开项目

  1. 新建一个任务;
  2. 选择刚才准备好的品牌项目最外层文件夹;
  3. 使用当前可用的主模型;
  4. 普通项目先使用中等思考强度,资料特别多或业务复杂时再调高,建站这步选择最高
  5. 允许AI在当前项目内读取和修改文件、运行建站所需命令,并在确有需要时联网下载依赖或生成网站素材。

图片展示的是Codex界面中新建任务的“选择项目”步骤。左侧为项目导航栏,选中“项目需求库”。右侧弹出“创建项目”窗口,提示需选择一个项目,下方有“Source folders”选项,旁边有“选择”按钮。窗口底部有“选择项目”提示,还显示了当前任务的名称“AI建站”及任务描述“AI建站”。该图片与上下文紧密相关,直观呈现了在Codex中新建任务时选择项目文件夹的操作界面及提示信息。

图片展示的是Codex界面,左侧为导航栏,选中“AI建站核心/北境原野_官网项目”。右侧显示“我们应该在北境原野_官网项目中做些什么?”的提示,下方有“再次确认工作空间是在当前项目文件夹内”的文字,以及“+”图标和“+ workspace”字样。该图片与上下文紧密相关,是对“打开项目”步骤中新建任务并选择品牌项目最外层文件夹后,Codex界面显示情况的呈现,帮助用户确认工作空间是否正确。

怎样判断工作空间选对了

新任务中显示的是当前品牌项目名称,并且AI能够看到:

如果AI只能看到品牌知识库,却看不到开始这里.mdAI建站核心/,通常说明你只打开了输入资料/,需要重新选择最外层项目文件夹。

权限应该怎样给

AI需要能够修改当前项目文件、运行构建命令,并在必要时联网,才能真正把网站做出来。

但这不等于把整台电脑毫无边界地交出去。只给当前建站任务需要的权限,并注意三条:

有些版本会把权限选项写成“工作区访问”“完整访问”或其他名称,具体界面可能变化。判断标准不是按钮叫什么,而是:AI是否拥有完成当前项目所需的能力,同时没有无理由扩大到其他文件和重要资产。

图片展示了Codex界面中“北境原野_官网项目”的权限设置页面。页面上方有“权限设置”选项,下方有“权限范围”“权限选项”等设置项。关键信息是“权限范围”处,有“仅限项目内文件”“读取项目外文件”两个选项,其中“仅限项目内文件”被红色框突出显示。该图片与上下文紧密相关,用于说明在给AI生成品牌官网时,只给当前建站任务需要的权限,且需注意三条权限设置原则。

选择完全访问,或者当前项目内访问均可

四、发送启动提示词:让AI连续完成第一版网站

发送之前,再确认三件事:

下面这段提示词用来让AI读取当前项目与品牌资料,并连续完成网站生产、构建、检查和候选预览。

**发送前需要准备:**品牌项目根文件夹已经打开,输入资料/已经放入当前品牌资料。

**发送后会得到:**网站源码、静态out/、运行与验收记录、首个通过的Git版本编号、干净的工作区状态、out/清单哈希,以及本地和临时远程两个预览地址。

**看到这些信号算正常:**AI开始读取项目规则和资料;项目中出现来源清单、项目运行记录或阶段产物;随后开始安装依赖、生成文件、运行构建或检查页面。

提示词 P07-01|生成第一版品牌官网 打开复制页(会直接定位到同编号提示词) →

请把当前文件夹当作唯一建站项目,先完整读取:

- `开始这里.md`
- `AGENTS.md`
- `AI建站核心/Codex_AI建站总控.md`
- `AI建站核心/全流程依赖图与阶段接口总表.md`
- `AI建站核心/官网导航配色与内容增长工具调用矩阵.md`
- `输入资料/`中的全部品牌资料、行业资料和实际素材

目标:直接把我的品牌资料建设成一套内容完整、视觉成熟、适合手机和电脑访问、对用户与AI都友好的品牌官网。请连续完成资料加工、网站策略、页面设计、全站内容、视觉素材、网站工程、静态构建、自动检查、修复和候选预览,不要只给计划,也不要让我逐份复制内部阶段提示词。

执行规则:

1. 先盘点输入资料,创建该品牌唯一项目目录、来源清单和项目运行记录;不要读取当前项目文件夹之外的其他品牌、旧站或无关资料。
1.1 在运行安装、路径、端口、进程、构建、预览和Git操作前,先识别当前是macOS还是Windows、CPU架构和终端,再为当前系统选择仍受维护、最合适的方法;两套系统可以使用不同原生工具,不要把bash、chmod、which、/tmp或固定macOS路径当成Windows前提。
2. 按`AI建站核心/阶段工具/`中的依赖顺序运行。建站项目启动完成后,先把品牌输入按十二类内容维度深拆,再装配为四个执行包并行整理;四个执行包全部完成后再汇总;网站策略、页面设计、全站内容、视觉素材和网站工程依次继续。十二类内容覆盖不能因为执行包合并而减少。
3. 每个阶段只生产自己的正式产物,完成后把实际输入、输出、检查、状态和续跑位置写入项目运行记录,再把控制权交还总控。下一阶段提示词已经在本项目中,不要等我再次粘贴。
4. 普通文案、结构、场景、情绪、故事、视觉和代码判断由你直接完成。不要向我抛普通选择题,不要因为资料不完美就把网站降级成空壳。处理内容前必须先区分输入权限:已经写完、准备公开的文章、案例或问答按`author_manuscript`处理,原有顺序、人物、场景、动作、对话、细节、情绪、观点和语气完整保留,默认只校对错别字、明显病句、标点、标题层级、段落和阅读排版,不得改成流程、清单、方法论或摘要;提纲、关键词、聊天说明、访谈记录和模糊素材按`brand_material`处理,可以重新创作和具象化。页面、组件和数据模型应适应正文,不得为了统一版式缩短或替换作者正文。
5. 只读取我当前提供的品牌资料。品牌资料里没有出现的真实身份、证照编号、精确价格与退款承诺、具名客户背书、成立年份和真实履历,不得凭空新增;普通创意表达可以充分发挥。多份资料冲突时优先采用品牌方本次最新明确口径或较新一手材料,其次采用整理稿,最后才参考已有网站生成文案;仍无法判断时只暂不写入那个单一字段并记录,其他资料整理和建站继续,不要卡死整站。
6. 任何长任务被打断时,先读取项目运行记录和manifest,从第一个未完成模块继续,不重写已经通过的文件。
7. 最终必须真实生成网站源码和静态`out/`,完成类型、构建、全路由、手机端、交互、图片、404、SEO/GEO与机器可读入口检查;发现问题先修复、重新构建并复测。
8. 只对最终`out/`做候选预览。默认运行`node AI建站核心/预览工具/scripts/preview_site.mjs start --project <网站源码目录>`,使用项目内零依赖Node.js预览工具同时启动本地静态服务和Cloudflare Quick Tunnel临时远程预览。最终同时给我:
   - 本地预览地址;
   - 可发给朋友、无需登录即可打开的`trycloudflare.com`临时HTTPS地址;
   - 电脑必须保持开机、联网、不休眠,且静态服务和隧道进程持续运行的有效条件;
   - 候选预览状态和未验证项。
   不得把临时远程地址写成第三方长期托管;电脑休眠、关机、断网或进程停止后会失效,重启后地址可能变化。
9. 候选预览不是正式上线,不得修改正式域名、Canonical、Schema、sitemap、DNS、CDN或云存储。

10. 网站源码、静态out/、构建检查和候选预览全部通过后,继续为当前网站项目建立第一个本地版本:
   - 先确认当前目录是网站项目根目录,不要在桌面、上一级大文件夹或只有out/的目录初始化;
   - 检查并完善.gitignore,排除node_modules、构建缓存、临时文件、本机凭证、环境变量和任何密钥;
   - 如果已经存在Git仓库,保留现有历史,不重复初始化;
   - 提交前检查待记录文件;发现来源不明的修改、密钥或无关文件时先暂停说明,不要无条件加入全部文件;
   - 保存第一个完整版本,提交说明使用“网站初始完整版本”;
   - 检查提交是否成功,并在最终报告中告诉我网站源码根目录的项目内相对位置、修改前版本(首次为none)、修改后版本、工作区是否clean、out/清单哈希和全部检查结果;如果检查失败,不创建完成版本,只报告dirty工作区、失败项和续做位置;
   - 不创建远程仓库,不上传到GitHub、CNB或其他平台;
   - 不删除或覆盖项目现有文件,不把SecretId、SecretKey、.env或本机凭证加入版本。

现在直接开始执行。除非缺少会让品牌身份或业务方向完全无法判断的关键资料,否则不要停下来问我;请采用安全、合理的默认判断继续完成。

网站第一版通过本地检查后,Codex/WorkBuddy 会在当前项目中保存“网站初始完整版本”。以后无论怎样修改,都有一个明确、可恢复的起点。

发送后,不需要再逐份粘贴内部提示词。

图片生成、依赖下载、静态构建和全站检查都可能需要等待。实际时间取决于资料量、图片数量、电脑性能、网络、模型速度和可用额度,普通项目可能需要几十分钟,也可能超过数小时。

不要因为几分钟没有新文字就反复发送启动提示词,否则可能让AI同时重复执行同一任务,本次任务预计1-3小时。

图片展示的是ChatGPT界面,左侧为导航栏,选中“生成网站”选项。右侧显示“构建主要品牌商品库”任务,提示需等待图片生成、依赖下载、静态构建和全站检查等步骤完成,预计1 - 3小时。下方有“点击此处”按钮,可查看任务详情。界面右上角显示IP地址为127.0.0.1:14197。该图片与文档中发送建站提示词后等待AI完成所有工作的内容相关,直观呈现了任务状态。

确认选对项目文件夹之后发送建站提示词,之后就等待它完成所有工作即可,中途不需要询问和打扰。


五、任务中断怎么办:继续,不要从头再来

如果电脑重启、网络中断、额度暂停,或者AI明确停止但网站还没有完成,先回到原来的任务对话窗口。

下面这段提示词用来让AI读取现有记录,从第一个未完成的位置继续。

**发送前需要准备:**仍然打开同一个品牌项目;原有项目运行记录和阶段产物没有被删除。

**发送后会得到:**AI先跳过已经通过的内容,再继续完成剩余阶段、网站源码、out/、检查和候选预览。

**看到这些信号算正常:**AI先读取项目运行记录和manifest,明确当前续做位置,再开始处理第一个未完成或失败的模块。

提示词 P07-02|从未完成位置继续建站 打开复制页(会直接定位到同编号提示词) →

请继续当前建站任务。

先读取项目运行记录、现有阶段产物、全部manifest和当前网站源码目录的Git状态,确认哪些模块已经通过、哪些仍未完成;保留已有提交和未完成工作区,不使用git reset --hard、git clean或强制切换。

从第一个未完成或未通过的模块继续,不要重写已经通过的正式文件。继续完成网站源码、静态`out/`、自动检查、问题修复和候选预览。

完成后重新给出本地地址、临时远程地址、已完成检查和未验证项。

如果AI提出普通的配色、版式或文案选择,不需要停下来反复讨论,可以让它根据品牌资料采用安全、合理的默认判断继续。

只有缺少下面这类关键信息时,才需要你补充:

六、最终验收:先打开网站,再看记录

这一章只验收第一版是否真实完成,不在这里反复调整颜色、文案和风格。

分清两个预览地址

AI正常完成后,通常会给出两个地址:

本地地址 在当前电脑上检查网站,常见形式为http://127.0.0.1:端口号http://localhost:端口号

临时远程地址 发给朋友远程打开,常见形式为https://随机名称.trycloudflare.com

临时远程地址只用于候选预览,不是网站正式上线地址。两个地址都依赖当前电脑上的预览服务持续运行。

先看网站能不能正常打开

打开本地地址,至少检查:

再用临时远程地址检查:

最好用手机再打开一次临时地址,确认页面不是只能在电脑上查看。

北境原野项目经过70分钟的构建,已经完成了首版网站建设,下面我们一起验收。

图片展示的是北境原野项目完成首版网站建设后的首页。背景为夕阳下的草原,画面中有四人站在山顶,面向远方。首页上方有“北境原野”及“2024年新起点,期待与你同行”的文字。中间大标题为“一家人的内蒙古,不该只剩下赶路”,下方有“查看详情路线”“获取行程与报价”按钮。底部还有“北境原野从草原、火山、沙漠到城市人文,为家庭与小团体量身定制行程,住宿与体验费用在出发前讲清,行程中由本地团队持续把控”的说明。该图片与上文验收网站内容相呼应,直观呈现了网站首版效果。

图片展示了北境原野项目完成首版网站建设后的网页界面。左侧是首页,标题为“一家人的内蒙古,不该只剩下赶路”,下方有“查看行程详情”“获取行程报价”等按钮。右侧是火山与草原行程页面,显示价格3280元,有“看完整行程”按钮,还展示了行程中的一处住宿场景。该图片与上文提到的先看网站能否正常打开、用临时远程地址检查等内容相关,直观呈现了网站的首页和代表性内页情况。

🎉恭喜你,已经完成基础建站流程。

检查有没有未处理的失败项

在项目中找到并查看:

你不需要读懂全部技术细节,只检查三件事:

如果报告里仍然存在未处理失败项,就不能只因为首页能打开而宣布完成。

交付报告与实际检查结果同时存在,已通过项和未验证项都清楚列出

网站打不开时怎样处理

不要另开新任务。回到同一个Codex/WorkBuddy任务,把截图和实际现象发给AI。

下面这段提示词用来让AI根据真实现象复现、修复、重建并复测。

**发送前需要准备:**一张实际故障截图,以及你真实看到的现象。不要猜原因。

**发送后会得到:**源码或正式内容源中的修复、重新生成的out/、新的检查结果和新的预览地址。

**看到这些信号算正常:**AI先复现问题并判断原因,然后修改源码或正式内容源,重新构建并复测;不是只改报告文字。

提示词 P07-03|修复候选网站故障 打开复制页(会直接定位到同编号提示词) →

当前候选网站没有通过验收。

实际问题:
- 本地地址打开后显示空白;
- 临时远程地址无法访问;
- 首页可以打开,但产品详情页点击后报错。

请先根据当前项目、运行记录和错误信息复现问题并判断原因。

修复时必须修改网站源码或正式内容源,不要只修改静态`out/`或验收报告。修复后重新构建,重新检查首页、代表性内页、全站路由、关键图片和按钮,并重新启动候选预览。

完成后给出新的本地地址、临时远程地址、修复内容、复测结果和仍未验证项。

发送前,把上面三条示例问题改成你真实看到的现象。不要为了显得专业而猜原因,也不要只说“网站不行,重新做一个”。

临时地址为什么会失效

本地地址和trycloudflare.com临时地址,背后都依赖当前电脑上的预览服务。

要保持临时地址可访问,通常需要:

任何一项停止,临时分享地址都可能失效。重新启动临时隧道后,远程地址也可能变化。它适合检查和临时分享,不适合代替正式网站。

本章完成检查

本章完成标志 恭喜你,你已经拥有一套可以继续修改、可以本地检查、可以临时分享,并且有运行与验收记录的品牌官网第一版。它还不是最终成品,但它已经真实存在。

本章作业

提交四项内容:

  1. 一张品牌官网项目根文件夹截图;
  2. 一张网站首页截图;
  3. 一张建站交付报告或全站验收记录截图;
  4. 一个朋友无需登录即可远程打开的临时分享地址。

下一阶段预告

下一章,我们不会重新生成网站。

我们会站在品牌经营者和真实访客的角度,检查第一版哪里不清楚、哪里不好用、哪里不符合品牌,再让AI针对具体问题完成修改、重建和复看。

进入阶段08|打磨GEO品牌官网:让内容更容易被理解 →

← 返回课程总目录