Codex3721Codex3721
入门教程
实战案例
工具箱
参考来源
致谢
Redman 博客
Redman 导航
AIPlus 充值
交流群
入门教程
实战案例
工具箱
参考来源
致谢
Redman 博客
Redman 导航
AIPlus 充值
交流群
  • 实战案例库

    • 实战案例库
    • Codex × PPT Skill:一句话生成演示文稿
    • Codex × Draw.io MCP:AI 自动绘制架构图
    • Codex × Playwright MCP:让 AI 像人一样操控浏览器
    • Codex × HyperFrames:用代码生成动画视频
    • Codex × Obsidian:在知识库中自动生成配图
    • Codex × 飞书 CLI:一句话处理飞书数据
    • Codex × LLM Wiki:在 Obsidian 中搭建 AI 知识库
    • Codex × Figma MCP:让 AI 读懂你的设计稿
    • Codex × Notion MCP:打通你的知识工作空间
    • Codex × DKFile:AI 网页一键发布到公网
    • Codex × 云服务器:远程定位并修复 Bug
    • Codex × Chrome:让 AI 直接控制浏览器
    • Codex × GitHub Actions:CI 失败自动修复实测
    • Codex × 临床文献综述:把医学问题整理成可复核证据表
    • Codex × Hatch Pet:用一张照片生成专属宠物
    • Codex × 安卓手机:扫码连接,远程操控
    • 参考来源与致谢

Codex × DKFile:AI 网页一键发布到公网

用 AI 做出来的 HTML 网页,很多人卡在同一个问题:网页只在本地,发给朋友根本打不开。

对有编程经验的人来说,解决方法有很多——GitHub Pages、Vercel、Cloudflare Pages——但这些工具对普通用户并不友好:什么是分支?什么是部署?什么是域名解析?

这一篇介绍一个对新手极其友好的工具:DKFile。


DKFile 的优势

  • 极简操作: 把 AI 生成的 HTML 上传上去,DKFile 自动完成所有托管工作
  • 一键生成: 点击上传,自动获得公网访问链接
  • 无需配置: 不需要推送代码、不需要填写配置、不需要懂任何部署知识

1. 手动上传使用

先去 DKFile 注册账号(有免费额度,普通用户完全够用):

注册地址:https://dkfile.net/register?code=ZHUZHAOYU

注册完成后,用 AI 设计好 HTML 页面,点击右下角的"上传文件":

image-20260513120045762

操作流程:

  1. 点击"上传文件",选择本地的 HTML 文件
  2. 点击"上传",系统自动完成托管
  3. 上传完成后直接获得公网访问链接,即可分享给任何人

image-20260513120141127


2. Codex + DKFile API 全自动化

手动上传还是要打开网站、找文件、点按钮。其实这个流程可以完全交给 Codex 自动完成。

DKFile 提供了 API 文档,整体流程是:

  1. 让 Codex 阅读 DKFile 的 API 文档
  2. Codex 完成网页制作后,自动调用 API 上传文件
  3. 直接返回公网访问链接

整个过程你不需要打开浏览器,不需要手动上传,全部自动化。

具体步骤

首先让 Codex 阅读 API 文档,它会告诉你需要准备什么(主要是你的 API Key):

image-20260513120426087

点击 DKFile 后台的"API 对接文档",按照说明创建自己的 API Key(不懂直接问 Codex,它会引导你)。

然后把你的 API Key 和设计需求一起发给 Codex,比如:

帮我设计一个 Obsidian 新手使用教程的 HTML 网页,
设计完成后使用 DKFile API(Key: xxx)自动上传并返回公网链接。

Codex 会自动完成设计、调用 API 上传,最后告诉你文件位置和可直接访问的公网链接:

image-20260513120544640


总结

方式适合人群操作难度
DKFile 手动上传完全不懂部署的新手⭐ 极简
Codex + DKFile API想要全自动化的用户⭐⭐ 简单
Vercel / GitHub Pages有编程基础的用户⭐⭐⭐ 需要学习

对于普通用户,DKFile 是目前最无门槛的 AI 网页发布方案。用 Codex 生成、用 DKFile 发布,从创意到上线,全程不需要懂任何技术。

案例来源

  • 原始案例参考:CodexGuide:Codex × DKFile:AI 网页一键发布到公网
  • 本站处理:保留原案例的段落顺序、图片顺序和参考来源,文字做 Codex3721 站内化改写,图片统一加上右下角水印。
最近更新: 2026/6/13 11:19
Prev
Codex × Notion MCP:打通你的知识工作空间
Next
Codex × 云服务器:远程定位并修复 Bug
Codex3721 © Redman

Redman 的中文 Codex / AI Agent 实战指南。

相关链接(友链)
  • YouTube
  • Telegram
  • redman.blog
  • redman3721.com
  • aiplus123.com
Disclaimer

Codex3721 是 Redman 维护的社区实践指南,不是 OpenAI、Anthropic、Google、DeepSeek、Minimax 或任何第三方工具的官方项目。涉及功能、价格、订阅方式、API 可用性和安全策略时,请以对应官方说明和工具实际情况为准。