Codex × DKFile：AI 网页一键发布到公网
Codex × DKFile：AI 网页一键发布到公网
用 AI 做出来的 HTML 网页，很多人卡在同一个问题：网页只在本地，发给朋友根本打不开。
对有编程经验的人来说，解决方法有很多——GitHub Pages、Vercel、Cloudflare Pages——但这些工具对普通用户并不友好：什么是分支？什么是部署？什么是域名解析？
本篇介绍一个对新手极其友好的工具：DKFile。
在半桶水课程里，它对应的是“视觉与页面 / 办公交付 / 沉淀复用”的工作流：把 AI 生成的网页从本地文件，变成别人能打开、能检查、能反馈的公网链接。
这节解决什么
很多人已经能让 Codex 生成 HTML，却卡在最后一步：怎么发布、怎么分享、怎么确认别人真的能打开。DKFile 的价值，是把部署流程压缩成上传文件和获得链接。
这节练的是：让 Codex 生成网页，并用 DKFile 发布，同时确认链接可访问、内容正确、API Key 不泄露。
工作流卡
| 项目 | 内容 |
|---|---|
| 输入 | HTML 文件、页面用途、发布方式、DKFile 账号或 API Key |
| Codex 负责 | 生成网页、构建静态文件、调用上传流程、返回公网链接 |
| 人类判断 | 页面是否能公开、链接是否能分享、是否包含敏感信息 |
| 输出 | 可访问的公网链接、源文件、发布记录 |
| 验收 | 链接能打开、页面内容正确、移动端可读、密钥没有暴露 |
适合谁
这一节适合：
- 想把 AI 生成的 HTML 快速发给客户、同事或朋友的人。
- 不熟悉 GitHub Pages、Vercel、域名解析的新手。
- 想把课程作业、活动页、作品集或说明页快速上线的人。
正式商业站点、长期维护站点或需要账号系统的产品，仍然建议使用更完整的部署平台。
DKFile 的优势
- 极简操作： 把 AI 生成的 HTML 上传上去，DKFile 自动完成所有托管工作
- 一键生成： 点击上传，自动获得公网访问链接
- 无需配置： 不需要推送代码、不需要填写配置、不需要懂任何部署知识
1. 手动上传使用
先去 DKFile 注册账号（有免费额度，普通用户完全够用）：
注册完成后，用 AI 设计好 HTML 页面，点击右下角的"上传文件"：
操作流程：
- 点击"上传文件"，选择本地的 HTML 文件
- 点击"上传"，系统自动完成托管
- 上传完成后直接获得公网访问链接，即可分享给任何人
2. Codex + DKFile API 全自动化
手动上传还是要打开网站、找文件、点按钮。其实这个流程可以完全交给 Codex 自动完成。
DKFile 提供了 API 文档，整体流程是：
- 让 Codex 阅读 DKFile 的 API 文档
- Codex 完成网页制作后，自动调用 API 上传文件
- 直接返回公网访问链接
整个过程你不需要打开浏览器，不需要手动上传，全部自动化。
具体步骤
首先让 Codex 阅读 API 文档，它会告诉你需要准备什么（主要是你的 API Key）：
点击 DKFile 后台的"API 对接文档"，按照说明创建自己的 API Key（不懂直接问 Codex，它会引导你）。
然后把设计需求交给 Codex。API Key 不建议直接写进公开文档、截图或仓库，可以使用环境变量或本机私密配置让 Codex 调用：
请生成一个 Obsidian 新手使用教程的 HTML 网页。
生成完成后，读取本机环境变量 DKFILE_API_KEY，
使用 DKFile API 自动上传并返回公网链接。
不要把 API Key 写入代码、日志、页面内容或提交记录。如果你只是临时测试，也要在任务结束后检查生成文件和日志里没有出现真实 Key。
帮我设计一个 Obsidian 新手使用教程的 HTML 网页，
设计完成后使用 DKFile API 自动上传并返回公网链接。Codex 会自动完成设计、调用 API 上传，最后告诉你文件位置和可直接访问的公网链接：
总结
| 方式 | 适合人群 | 操作难度 |
|---|---|---|
| DKFile 手动上传 | 完全不懂部署的新手 | ⭐ 极简 |
| Codex + DKFile API | 想要全自动化的用户 | ⭐⭐ 简单 |
| Vercel / GitHub Pages | 有编程基础的用户 | ⭐⭐⭐ 需要学习 |
对于普通用户，DKFile 是目前最无门槛的 AI 网页发布方案。用 Codex 生成、用 DKFile 发布，从创意到上线，全程不需要懂任何技术。
你要重点检查什么
- 页面里是否包含不该公开的客户资料、账号、联系方式或内部信息。
- 公网链接是否能在手机和其他电脑上打开。
- HTML 文件、图片、字体或脚本是否都能正常加载。
- API Key 是否没有出现在源码、日志、截图或页面内容里。
- 如果是正式对外页面，是否需要绑定域名、备案、统计或删除旧版本。
验收标准
完成这个案例后，至少确认：
- 本地 HTML 文件能打开。
- DKFile 返回的公网链接可访问。
- 页面移动端不明显裁切，主要文字可读。
- 链接分享给别人后也能打开。
- API Key 没有被写入公开位置。
复用方式
可以保存成这个任务模板：
请生成并发布一个静态 HTML 页面。
页面主题：
受众：
必须包含：
不要包含：
发布方式：DKFile
API Key 获取方式：
验收标准：
发布前请先检查页面里是否有敏感信息；发布后请返回公网链接、源文件位置和访问验证结果。