DeepSite：用自然语言在几分钟内生成完整网站

DeepSite 是由 Hugging Face 社区开发者 enzostvs 创建的开源 AI 建站工具，目前在 Hugging Face Spaces 上已获得超过 16,500 个 Like，是近期最受关注的 AI 生成式工具之一。只需用自然语言描述你的想法，DeepSite 即可在几分钟内生成完整的网站代码并实时预览。

什么是 DeepSite

DeepSite 是一个基于大语言模型的 AI 网站生成器，运行在 Hugging Face Spaces 平台上。它的核心能力是将自然语言描述转换为可运行的 HTML + CSS + JavaScript 网站，无需任何编程基础。

核心特性：

快速开始

访问 DeepSite 无需任何安装：

1. 打开 https://huggingface.co/spaces/enzostvs/deepsite
2. 在输入框中描述你的网站需求
3. 选择 AI 模型（默认 kimi-k2.5）
4. 点击发送，等待生成

示例 Prompt：

创建一个个人博客首页，深色主题，
包含导航栏、hero 区域、文章列表卡片和页脚。
使用 Tailwind CSS 样式。

生成完成后，你可以直接在左侧编辑代码，右侧实时同步预览效果。

界面功能详解

DeepSite v4 的界面分为三个区域：

左侧：代码编辑器

• 展示 AI 生成的完整 HTML 代码
• 支持直接编辑修改
• 语法高亮显示

右侧：实时预览

• 即时渲染生成的网页效果
• 支持交互测试（点击按钮、填写表单等）
• DeepSite Gallery 可查看社区作品

底部：对话输入

• Ask DeepSite anything：描述新需求或修改要求
• Follow-Up 模式：在现有页面基础上追加修改，不重新生成
• Settings：调整模型参数和生成偏好

模型选择

DeepSite v4 支持多个 AI 模型，各有侧重：

实战示例

场景 1：生成落地页

帮我创建一个 SaaS 产品落地页：
- 产品名：FlowNote（笔记应用）
- 颜色：紫色渐变主题
- 包含：导航、Hero 区（带 CTA 按钮）、三个功能特点卡片、定价表（免费/Pro）、页脚
- 使用 Tailwind CSS，要有动画效果

场景 2：生成小游戏

创建一个井字棋游戏：
- 3x3 棋盘，玩家 X 和 O 交替落子
- 自动判断胜负并显示结果
- 有重置按钮
- 现代化 UI 设计，深色背景

场景 3：Follow-Up 迭代修改

在已生成的页面基础上，勾选 Follow-Up 后输入：

把导航栏的背景色改为半透明黑色，
添加毛玻璃效果（backdrop-blur）

DeepSite 会在原代码基础上精准修改，而不是重新生成全部内容。

导出和部署

生成满意的网站后，有以下几种方式使用：

方式 1：复制代码

直接复制左侧编辑器中的 HTML 代码，保存为 .html 文件，用浏览器打开即可。

方式 2：保存到 Hugging Face（需登录）

点击 Save your Project 按钮，将项目保存到你的 Hugging Face 账号，可随时继续编辑。

方式 3：部署到静态托管

将生成的代码部署到：

• Vercel / Netlify：拖拽上传即可
• GitHub Pages：推送到仓库自动部署
• Cloudflare Pages：绑定 GitHub 仓库自动 CI/CD

使用技巧

写好 Prompt 的关键

1. 明确技术栈

使用 Tailwind CSS（推荐）
或：使用原生 CSS，不要引入外部库

2. 指定设计风格

3. 分模块描述

页面包含：
1. 顶部导航：Logo 在左，菜单在右，有汉堡菜单（移动端）
2. Hero 区：大标题、副标题、两个 CTA 按钮
3. 功能列表：3 列 Grid，每列有图标、标题、描述
4. 页脚：版权信息

4. 指定交互需求

按钮 hover 有过渡动画，
卡片鼠标悬停时上移 4px 并显示阴影

常见问题

生成速度慢？ 切换到 kimi-k2.5 模型，速度最快。高峰期可尝试刷新重试。

生成结果不符合预期？ 使用 Follow-Up 模式逐步调整，比重新生成效率更高。

能生成多页面网站吗？ 目前 DeepSite 生成的是单个 HTML 文件，多页面需要分次生成后手动整合。

与其他 AI 建站工具对比

DeepSite 最大的优势是完全免费、无使用限制，非常适合快速原型验证和学习 AI 生成代码。

总结

DeepSite 代表了 AI 辅助开发的新范式，不再是"辅助"，而是直接"生成"。对于设计师、产品经理、独立开发者来说，它极大地降低了网站开发门槛。

适合人群：

• 需要快速验证产品原型的创业者
• 想学习前端代码的初学者
• 需要快速生成静态页面的设计师
• 探索 AI 生成能力边界的开发者

访问地址： https://huggingface.co/spaces/enzostvs/deepsite