使用 Google Gemini 免费构建网站、游戏和教学资源（无需编码）

Source: Dev.to

概览

我刚从一次播客采访回家，丈夫对我说：“Debbie，我已经建了三个网站。”我很惊讶——他不从事技术工作，供职于公共部门，平时很少使用电脑。然而，看完一个 10 分钟的视频后，他在十分钟内就建好了三个站点。秘诀是什么？gemini.google.com，这是一款免费工具，任何人都可以在不写代码的情况下创建网站、游戏和教学资源。

构建网站

1. 打开 gemini.google.com。
2. 选择 Canvas 选项。
3. 选取快速模型（适合快速项目）。

随后，你可以输入类似 “create a circus website” 的简单提示，Gemini 会立即生成完整站点。之后你可以编辑文字、添加地址、嵌入 YouTube 链接，并根据需要迭代修改。

分享与协作

• 使用 Share 按钮复制链接或将内容嵌入其他地方。
• 访问历史版本以查看随时间的更改。
• 如果你会编码，可以深入生成的代码并进行微调。

构建游戏

示例：婴幼儿版蝙蝠侠游戏

Prompt: build a Batman game for toddlers

Gemini 会输出完整代码，并展示预览，蝙蝠侠会移动收集星星。你可以：

• 添加音效（例如 “can you add sound?”）——Gemini 会插入欢快的提示音。
• 在预览中选取区域，拖动一个框，然后请求具体修改（“can you add the person’s name here?”）。

你可以同时运行多个 Canvas——在蝙蝠侠游戏生成的同时，打开新 Canvas 创建马戏团网站等。

学习类游戏

Prompt: create a number learning game for toddlers

Result: 一个名为 “Number Fun” 的泡泡消除游戏，具备：

• 语音朗读指令。
• 引导孩子按顺序（1、2、3、4…）消除泡泡。
• 包含计数物品和切换声音的主页按钮。

这些交互式学习工具过去需要数小时才能完成，现在只需一个提示即可呈现。

教学资源

作为前学校教师，我曾花费大量时间准备教材。现在 Gemini 让我能够快速生成：

• 数字学习的互动游戏。
• 通过添加 Gemini AI 功能实现朗读的故事书。

全部几乎不需要任何编码工作。

限制

• 没有“一键部署”按钮。共享链接的方式相当于部署，但它并非传统的托管站点。
• 免费层如果长时间不间断使用可能会受到使用限制；如需更高配额可升级。

入门指南

1. 访问 gemini.google.com。
2. 选择 Canvas 并选取快速模型。
3. 输入清晰、简洁的提示（例如 “create a website for a circus act” 或 build a Batman game for toddlers）。
4. 通过后续提问、拖拽选择区域或编辑生成的代码进行迭代。

技术门槛已经消失——唯一的限制是你的想象力。祝你玩得开心，尽情创作！