全部文章

如何发布用 Google Gemini 制作的网站

Gemini 几秒钟就能写出干净、可运行的 HTML,但它做不到的是把这段代码放到网上。把它生成的代码粘贴到 Hostilo,点击保存,不到一分钟网站就会通过 HTTPS 链接上线。

Gemini 真正擅长什么

让 Gemini 做一个落地页、作品集,甚至一个小型浏览器游戏,它都会给你一个完整可运行的 HTML 文件,包含结构、样式和交互。它在这方面确实很强:开发者曾用它在一次回答中生成独立页面,键盘控制、声音和布局逻辑全都可以正常工作,而且都在一个文件里。它做不到的是托管:Gemini 无法给这段代码一个公开地址。

分步指南:从 Gemini 到在线链接

  1. 打开 gemini.google.com,描述你想要的页面。要说清楚:要求一个 CSS 和 JavaScript 内联的单个 HTML 文件。这一条指令就能避免之后的大部分麻烦。
  2. 复制 Gemini 回答中的完整代码块。
  3. 在 hostilo.app 注册免费账号。
  4. 把代码粘贴到编辑器中,点击保存。
  5. 你的网站已在 yourname.hostilo.page 上线,并附带免费 HTTPS。

如何从 Gemini 得到干净的单个文件

Gemini 有时会建议把页面做成多文件的“Canvas”项目,尤其是听起来像完整应用的需求。如果你想把页面直接粘贴到 Hostilo,就把它引导回单文件:在提示词中加上“输出为一个自包含的 HTML 文件,不使用外部依赖”。如果 Gemini 已经给出了多文件版本,直接要求它“把所有内容合并成一个 CSS 和 JavaScript 内联的 HTML 文件”,它通常会照做。

不只是落地页

Gemini 很擅长制作远超文字和图片的交互页面:小游戏、计算器以及支持键盘或点击输入的工具,都能以单个 HTML 文件运行,并且与落地页一样在 Hostilo 上发布。如果文件在本地浏览器中打开时运行正常,上线后也会完全一样地运行。

常见问题

我可以发布 Gemini 为我生成的网站吗?
可以。复制 Gemini 写的 HTML,粘贴到 Hostilo 并保存。不到一分钟页面就会通过 HTTPS 链接上线。

用 Gemini 做这件事免费吗?
对于大多数简单网站,Gemini 免费版足以生成单个 HTML 文件。付费版适合更大量的使用,但生成落地页或作品集并不需要。

Gemini 给了我一个多文件的 Canvas 项目,而不是单个文件,怎么办?
让 Gemini 把所有内容合并成一个 CSS 和 JavaScript 内联的 HTML 文件。只要提出要求,它通常都能把自己的多文件输出合并起来。

Gemini 能做比落地页更具交互性的东西吗?
能。Gemini 可以把小游戏和交互工具生成为单个 HTML 文件,包括键盘控制和声音,在 Hostilo 上的发布方式与静态页面完全相同。

准备好让你的 AI 网站上线了吗?

粘贴 AI 生成的代码,点击保存,不到一分钟即可获得带 HTTPS 的在线链接。免费开始,无需信用卡。

免费发布你的网站

更多博客文章