把 ChatGPT 做的网站发布上线
ChatGPT 几秒钟就能写出整个网页,但没法帮你托管。把代码粘贴到这里,网页就有了一个可以分享的真实网址。
- your-name.hostilo.page 这样的网址,自带 HTTPS
- 最多 5 个网页、50 MB,无需绑卡
- 带实时预览的代码编辑器
操作步骤
- 在 ChatGPT 中点击代码块上方的复制图标;如果用的是 Canvas,切换到代码视图后全部复制。
- 把代码粘贴到这里,点击发布。注册免费账户。
- 起个名字。网页在 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。
免费版包含哪些功能
- your-name.hostilo.page 这样的网址,自带 HTTPS
- 最多 5 个网页、50 MB,无需绑卡
- 带实时预览的代码编辑器
- 最近 7 天的访问统计
- 联系表单:每月 50 条留言
- 随时将网页下载为 ZIP
PRO 版支持自有域名、20 个网页、1 GB 空间、去除标识和一年统计数据,每年 $29。注册后可免费试用 7 天。
问答
需要 GitHub、Netlify 或服务器吗?
不需要。在浏览器里粘贴代码就能发布。HTTPS 和网址由 Hostilo 处理。
ChatGPT 写的联系表单能发邮件给我吗?
能。每个网页都有一个表单令牌,把它放进表单(编辑器里有可复制的代码),留言就会发到你的邮箱。免费版每月 50 条。
需要告诉 ChatGPT 关于 Hostilo 的信息吗?
不用。如果愿意,可以让它把所有内容写进一个 HTML 文件,这样一次就能粘贴完。
能用自己的域名吗?
可以,需要 PRO 版(每年 $29)。在域名注册商处添加一条 CNAME 记录,Hostilo 会自动配置 HTTPS。
阅读完整指南
如何托管 ChatGPT 生成的网站(无需 GitHub)相关指南
一分钟,你的网页就能上线
用邮箱和密码注册即可。免费版,无需绑卡。
免费开始