把 ChatGPT 做的网站发布上线

ChatGPT 几秒钟就能写出整个网页,但没法帮你托管。把代码粘贴到这里,网页就有了一个可以分享的真实网址。

  • your-name.hostilo.page 这样的网址,自带 HTTPS
  • 最多 5 个网页、50 MB,无需绑卡
  • 带实时预览的代码编辑器

代码只保存在当前浏览器里。注册免费账户后,它已在编辑器中等你。

操作步骤

  1. 在 ChatGPT 中点击代码块上方的复制图标;如果用的是 Canvas,切换到代码视图后全部复制。
  2. 把代码粘贴到这里,点击发布。注册免费账户。
  3. 起个名字。网页在 name.hostilo.page 上线,之后可以继续编辑。

让 AI 直接给出可发布代码的提示词

请写一个完整的单文件网站:一个 HTML 文件,所有 CSS 放在 <style> 标签里,所有 JavaScript 放在 <script> 标签里。要适配手机,并包含 <meta charset="UTF-8">。网站内容:

粘贴到 AI 对话框,在冒号后描述你的网页。

常见问题与解决办法

ChatGPT 把代码拆成了三个文件

可以只粘贴 HTML,再在编辑器的文件标签页上传 style.css 和 script.js。或者直接问:“把所有内容合并成一个 HTML 文件”。

代码写到一半就断了

较长的网页有时会被截断。输入“继续”,再把几段拼起来;也可以先要一个简短版本,之后再加板块。

Canvas 预览正常,上线后却不行

Canvas 有时显示的是 React。让 ChatGPT 改写成单个文件的纯 HTML、CSS 和 JavaScript。

免费版包含哪些功能

PRO 版支持自有域名、20 个网页、1 GB 空间、去除标识和一年统计数据,每年 $29。注册后可免费试用 7 天。

问答

需要 GitHub、Netlify 或服务器吗?

不需要。在浏览器里粘贴代码就能发布。HTTPS 和网址由 Hostilo 处理。

ChatGPT 写的联系表单能发邮件给我吗?

能。每个网页都有一个表单令牌,把它放进表单(编辑器里有可复制的代码),留言就会发到你的邮箱。免费版每月 50 条。

需要告诉 ChatGPT 关于 Hostilo 的信息吗?

不用。如果愿意,可以让它把所有内容写进一个 HTML 文件,这样一次就能粘贴完。

能用自己的域名吗?

可以,需要 PRO 版(每年 $29)。在域名注册商处添加一条 CNAME 记录,Hostilo 会自动配置 HTTPS。

阅读完整指南

如何托管 ChatGPT 生成的网站(无需 GitHub)

相关指南

一分钟,你的网页就能上线

用邮箱和密码注册即可。免费版,无需绑卡。

免费开始