EP10. “内容产出功能”
🔒 登录后可标记已读- EP05 的功能地图里,「Projects and chats」「Sites」「Visualizations」「Work with files」「Image generation」这几个都是偏「帮你直接产出一个成品」的功能,这篇逐一展开讲
- Projects 是把相关对话/文件收在一起管理;Sites 是直接生成一个能上线的网站;Visualizations 是把资料变成图表/地图/计算器;Work with files 是产出文件(文档/简报/表格/PDF);Image generation 是生成图片素材
- 前置知识:先看过 EP05(功能地图),这篇是逐项细讲
重点内容
Projects and chats:管理长期进行的工作
什么时候该建 Project:工作会长期进行、会产生好几个输出、或需要共用同一批文件/来源资料时才建;只是问一个独立问题、不需要共享背景,直接开新对话就好,不用特地建 Project。
| Project | 单纯聊天 | |
|---|---|---|
| 背景资源 | 跨聊天共用相同文件/指令 | 各自独立,不共享 |
| 适合场景 | 长期、多个输出的工作 | 独立、一次性的问题 |
Project 里有什么:一个聊天区(列出这个项目底下的所有对话)+ 一个来源区(上传文件、连接背景资料)。项目指令会套用到项目底下所有聊天。
📌 ChatGPT 项目本身碰不到你电脑上的文件夹,要用文件得先上传或连接;但如果是 本地项目(连到电脑上特定文件夹),可以关联多个文件夹(比如同时连应用代码和文档),还能设一个主工作目录。
管理功能:置顶重要项目/聊天、把聊天改成简短标题方便找、搜索项目和历史对话、做完的工作归档,之后要用再从设置里恢复。
Sites:直接生成一个网站
Sites 让你在 ChatGPT 里直接「创建、托管、优化、分享」网站/网页应用/小游戏,不用另外自己找地方部署。
流程:① 描述需求(受众、目的、要有什么行为)→ ② 审查生成的内容(功能对不对、资料处理方式对不对)→ ③ 在编辑界面里描述要改的地方持续迭代 → ④ 设访问权限、拿分享链接。
怎么启动:Prompt 里带「website」这个词,或者直接用 @Sites。
访问权限选项:所有者和工作区管理员 / 指定用户或群组 / 邀请的外部访问者 / 整个工作区 / 公开给所有人。可选加「Sign in with ChatGPT」登录,做出会员限定的个性化内容。
技术支持:D1 关系型数据库(10GB 上限,存结构化数据)、R2 对象存储(没有固定上限,存上传文件)、支持 HTTP/HTTPS 和 WebSocket。
⚠️ 限制:不支持「数据驻留/推理驻留」(对数据主权有要求的场合要注意),不能处理受保护的健康信息、支付卡数据、或针对 13 岁以下儿童的内容。发布分两阶段:先「保存版本」产生可预览的候选版,确认没问题再「部署版本」正式上线。
Visualizations:把资料变成图表
能把问题/想法/资料转成图表、地图、图解、计算器、模拟器、互动式解说,直接在对话里就能操作探索,不用讲一堆文字。
能生成的类型:图表/绘图(数值比较)、地图(地理资讯)、图解(标示关系或流程)、计算器和模拟器(互动工具)、需要调整输入观察变化的互动解说。
怎么用:编辑器里打 @ 搜「Visualize」,或直接打 @Visualize。写提示词时讲清楚:想要的结果、参考的原始资料、要解决的问题、想要怎么互动。
📌 支持平台:网页版(Chat 和 Work)、桌面 App(预览中)、手机 App(陆续开放);CLI 和 IDE 扩展不支持渲染,这个功能是给看得到图形界面的入口用的。
Work with files:产出文件
能直接建立、预览、精修文档、简报、电子表格、PDF——你给来源资料、想要的档案类型、结构和审核标准,它就产出。
| 入口 | 表现 |
|---|---|
| 桌面 App | 生成的文件在聊天旁边预览,开启自动预览的话做完直接打开;.html/.htm 支持互动预览 |
| ChatGPT Work 网页版 | 可以附上来源文件或直接要求生成,在聊天里审查、需要的话再下载 |
| Codex CLI | 直接在工作目录里建/改文件,⚠️ 但没有视觉预览或注解界面 |
用注解精修:比如「选取网站的导航栏,改字体」这种针对具体元素的修改请求,或者标记出需要改的特定内容,直接在预览画面上操作。
Image generation:生成图片素材
适合做 UI 素材、横幅、背景、插画、Sprite 表、占位图这类创意资产。
用法:桌面 App 里直接在编辑器请求图片,可以附参考图让它转换风格或当视觉指引;网页版描述想要的图片,用 -i / --image 参数附上现有图片当参考;浏览器扩展按住 Shift 把参考图拖进来,让它编辑或以此为基础生成。
📌 用的是 gpt-image-2 模型,算进一般的 Codex 用量额度里;官方数据是「有生成图片的回合,平均比没有的快 3-5 倍」。
写提示词的建议:一次只调整一个元素,讲清楚目的、主体、场景、构图、风格、光线、颜色、限制条件,用具体的视觉语言而不是笼统的描述。
常见错误
- ❌ 每个独立问题都开一个 Project——只有真的需要长期、多输出、共用背景资料的工作才值得建 Project,单次提问直接聊天就好
- ❌ 以为 Sites 生成的网站可以处理支付卡资料或医疗记录——这两类数据官方明确禁止,要做这类网站得用别的方案
- ❌ CLI 环境里想用 Visualizations 出图——这个功能只在有图形界面的入口(网页版/桌面/手机)可用,CLI/IDE 扩展看不到渲染结果
- ❌ 图片提示词一次塞好几个修改要求(换风格又换构图又换颜色)——一次只调一个元素,改完确认再改下一个,结果更可控
- 💡 Sites 发布前记得先「保存版本」预览检查一遍,别直接「部署版本」上线,出错不好收拾
Sources
官方文档:
- Projects and chats — https://learn.chatgpt.com/codex/projects
- Sites — https://learn.chatgpt.com/codex/sites
- Visualizations — https://learn.chatgpt.com/codex/visualizations
- Work with files — https://learn.chatgpt.com/codex/artifacts-viewer
- Image generation — https://learn.chatgpt.com/codex/image-generation