ChatGPT Sites 可以根据文字描述生成网站,并将其变成公开页面,无须编写 HTML、CSS 或 JavaScript。关键区别在于,生成一个看起来完整的页面,不等于发布一个能正常使用的网站:设计需要检查,联系表单需要明确要求保存留言,完成的网站还需要设置正确的分享权限。

从页面需求和品牌素材入手

在 ChatGPT 中,打开侧边栏的 More 菜单,选择 Sites,再点击 Create Site。随后会进入 Work 模式,提示词输入框中已填入 @Sites。这个命令会让 ChatGPT 使用其网站构建工具;也可以先输入 @,再选择 Sites。此次示例建站使用的模型是 GPT-5.6 Sol Light。

有效的第一条提示词应说明网站类型、主要版块和期望的视觉风格。示例中的烘焙店需求包括首页、曲奇菜单、关于我们版块、联系途径,以及温暖的视觉风格。生成前还附上了一张 PNG 格式的 Logo。ChatGPT Sites 据此确定了网站的金色、奶油色和棕色配色。

不必在第一次请求中规定每个视觉细节。这个网站的初版生成约耗时 3 分 57 秒,之后可以继续查看,并通过追加提示词修改。这个时间仅适用于此次建站,不代表其他网站都能在同样时间内完成。

提出修改前,先检查初稿

生成的页面显示在聊天窗口旁的预览区。拖动分隔线可以给对话或网站腾出更多空间,全屏模式则更方便检查布局。初稿的页眉包含 Logo 和导航,页面还有醒目的首屏版块、三张曲奇产品卡片、关于我们版块和联系表单。展示的每款曲奇标价均为 $4。

分屏工作区中,聊天消息旁显示烘焙店网站预览,中间有可拖动的分隔线

▲ 对话与网站预览

此时要看页面实际传达了什么,而不只是核对所要求的版块是否齐全。检查首屏版块是否协调、各版块之间的间距、导航标签,以及图片能否帮助说明这家店提供什么。全屏检查发现,烘焙店的 Logo 出现得过于频繁,页眉之外也有重复。此外,联系表单虽然可见,却尚未连接提交内容的存储功能。

用追加提示词进行有针对性的设计修改

下一条请求要求保留顶部导航中的 Logo,移除其他位置重复出现的 Logo,并加入与产品相符、呈现新鲜出炉曲奇的真实照片。随后,ChatGPT Sites 将首屏版块中的 Logo 徽章换成了曲奇照片,为产品卡片添加了不同的图片,还在品牌故事版块放入另一张烘焙照片。这些图片通过请求完成了查找和排版,无须手动搜索、调整尺寸并放置。

对于以产品为重点的页面,这样的改动可能比反复展示品牌标识更能说明所售商品。实际做法是给出具体反馈:指出哪些要保留、哪些要删除,以及用什么替换。之后仍要检查新版本,而不是默认这次修改解决了所有布局问题。

让联系表单真正可用,并进行验证

表单看起来完整,并不代表它能接收留言。在此次建站中,另一条提示词明确要求 ChatGPT Sites 让联系表单正常工作,并保存提交内容以供日后查看。这次更新约耗时 37 秒,加入了表单验证、错误处理、提交成功提示和持久化存储。持久化存储意味着,网站所有者之后仍能查看已提交的信息。

随后,在独立的浏览器窗口中,通过网站预览测试了表单。提交一条示例咨询后,页面显示了成功确认。返回管理界面,打开 View saved submissions,可以看到包含这条记录的列表,其中有提交时间、发送者信息和留言。这种从提交到保存的完整检查,比仅仅看到页面上有发送按钮更重要:它确认留言确实到达了网站所有者预期查看的位置。

设置访问权限并选择网址

设计和表单准备好后,可以在聊天界面使用 Share 控件,也可以通过 Sites 控制台中该网站的菜单打开分享设置。分享权限最初显示为 Only those invited。要让其他人通过公开链接访问网站,需将其改为 Anyone with the link。然后在普通浏览器标签页中打开该链接,检查编辑界面之外的已发布页面。

网站设置还提供名称和 URL 路径。分配的网址以 .chatgpt.site 结尾,其子域名可以更改。所有者也可以通过 Add Custom Domain 连接已注册的域名。该服务会提供 DNS 记录——用于将域名指向网站的配置——以及连接步骤。不同域名注册商需要进行的具体修改可能不同,因此所有者仍需按照其注册商的说明操作。

上线后查看流量

在 Sites 控制台中,网站菜单里有 Analytics 选项。它会显示独立访客数、总页面浏览量、流量趋势和热门页面,并提供 7 天或 30 天等时间范围。示例控制台显示 1 位独立访客和 51 次页面浏览。这些是该网站的数据,并非对新网站流量的预测。分析功能看起来较为基础,但无须设置外部跟踪脚本,就能快速查看访问情况。

控制台显示联系表单、已保存的提交内容、访客计数器和流量趋势图

▲ 联系表单提交与流量数据

接下来怎么做

如果要制作个人项目或小企业网站,可以先准备一段简洁的描述,以及现有的 Logo。把生成的网站当作初稿:检查页面、提出明确的修改要求,明确启用并测试表单,然后再通过公开链接或已连接的域名开放访问。上线后,可以用内置分析功能查看是否有人访问。