需手动安装启用【Build Web Apps】插件并勾选“允许生成可部署静态资源”,再用结构清晰、技术约束明确的自然语言描述需求,Codex生成HTML后下载预览,微调时通过指令重生成,最后导出标准化ZIP包,上传至腾讯云CloudBase即可一键部署。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

确认插件已启用并加载Web Apps能力
打开Codex客户端,确保左侧栏Plugins(插件)中已安装并启用了【Build Web Apps】插件。该插件不是默认内置项,需手动从插件市场搜索添加——若未启用,后续所有生成操作将无法调用HTML/CSS/JS构建链路。
点击插件右侧的齿轮图标,进入设置页,勾选“允许生成可部署静态资源”选项。这一步漏掉会导致生成的代码缺少index.html入口文件,上线时直接404。
用自然语言描述需求,触发网页生成
在聊天窗口输入清晰、带约束的提示词,例如:“生成一个单页个人作品集网站,含首页、项目展示、联系表单三部分;使用深蓝+白配色;所有文字用中文;响应式适配手机;不依赖外部CDN,CSS和JS全部内联。”
不要说“做一个网站”,必须明确结构、风格、技术边界。模糊指令会让Codex自由发挥,可能生成带React框架或需要npm build的项目,与“一键上线”目标背道而驰。
发送后等待30–90秒,Codex会输出完整HTML文件内容,并自动附带下载按钮。
本地预览与微调
点击下载按钮,保存为index.html文件,双击用Chrome打开即可实时查看效果。
若发现字体错位、按钮不居中或表单提交无效:右键→检查→定位对应HTML元素→在Codex中直接发送修改指令,例如:“把联系表单的submit按钮背景色改成#2563eb,圆角设为8px”。Codex会重生成整份HTML,保留你之前的所有结构要求。
通过本地 Codex 或 OpenClaw OAuth 凭证直接调用 ChatGPT/Codex Responses 的 image_generation 工具来生成或编辑光栅图像,然后保存
【注意:不要手动编辑HTML后再让Codex继续改——它只认自己生成的原始结构,混编会导致样式丢失或JS失效】
导出为标准静态网站包
确认预览无误后,在聊天中发送指令:“导出为可部署静态网站包,包含assets文件夹,所有资源路径相对化,压缩图片尺寸至宽度800px以内。”
Codex将打包成ZIP文件,解压后目录结构严格符合上线规范:
├── index.html
├── styles.css
├── script.js
└── assets/
├── logo.png
└── banner.jpg
这一步不可跳过。直接上传单个HTML文件到云平台,常因图片路径错误导致页面空白。
腾讯云CloudBase一键部署
第一步:登录腾讯云CloudBase控制台,开通静态网站托管服务;
第二步:进入“环境”→“静态网站托管”→“上传文件”;
第三步:将上一步解压出的整个文件夹(含index.html和assets)拖入上传区;
第四步:上传完成后,点击“访问域名”链接,网页即刻生效。
整个过程无需配置服务器、无需写一行命令、无需理解Nginx规则。只要确保index.html在根目录最外层,CloudBase会自动识别为入口文件。

















