HTML · CSS · JavaScript

AI 网站 生成器

描述你想要的网站,Codexe 就会把标记、样式和行为写成普通文件。不用学框架,不用跑构建,除了文件夹本身,没有别的需要部署。

为什么要生成静态网站

是文件,不是页面构建器

你会得到 index.html、一个样式表和一个脚本,可读、可编辑,而且归你所有。没有任何东西被锁在专有编辑器或托管运行环境里。

无需安装任何东西

没有打包工具,没有包管理器,也没有需要持续打补丁的依赖树。你今天生成的静态网站,五年后依然能打开。

可在任何地方免费托管

静态文件是互联网上成本最低的内容。把它们放到 GitHub Pages 或 Cloudflare Pages,就大功告成了。

下载前先预览

每个网站都会在项目页面内的测试服务器上打开:页面、样式表、脚本和页面之间的链接,都和在你的主机上一样运行。无需安装或构建。网页文档里说明了请求里该写什么,以及如何托管生成结果。

提示词示例

> 一个 Minecraft 服务器的落地页:首屏展示服务器 IP 和复制按钮,下面是功能网格、管理员介绍区和 Discord 链接。深色主题。
> 一个单页作品集:带固定导航栏、关于我部分、带悬停卡片的项目网格,以及一个会打开用户邮件客户端的联系表单。
> 一个文档页面:左侧固定的锚点链接侧边栏,可滚动的内容列,以及带语法高亮的代码块。
> 一个即将上线页面:带指向固定日期的倒计时,以及一个把邮箱提交到我稍后提供的 URL 的邮箱收集框。

网站生成器常见问题

我到底能得到什么?

+

一个真实的文件夹:index.html、一个样式表、一个 JavaScript 文件,以及你要求的其他页面。没有打包工具,没有 node_modules,也没有框架运行时,所以你可以直接在浏览器里打开 index.html 查看效果。

生成结果可以托管在哪里?

+

任何能提供文件访问的地方。GitHub Pages、Netlify、Cloudflare Pages、Vercel,或者普通的 nginx 或 Apache 目录,都不用任何修改就能使用,因为输出的只是普通静态资源。

网站是响应式的吗?

+

在提示词里提出要求,Codexe 就会写出媒体查询和灵活的布局。说明你在意哪些断点或哪些设备,比单纯说“做一个响应式网站”效果更好。

它能做后端或数据库吗?

+

不能。这个目标只生成前端代码。如果你的网站需要存储数据或验证用户身份,你需要提供一个 API,供浏览器调用。

之后还能修改代码吗?

+

可以。每个文件都能在 Codexe 工作区里编辑,你也可以在项目聊天里提出修改,Codexe 会直接修改现有文件,而不是从头重新生成整个网站。

可以用于客户项目或商业项目吗?

+

可以。生成的代码归你使用,而且它在运行时不依赖 Codexe。

Need interactivity, or something outside the browser? Codexe also generates:

Codexe 如何构建和检查这些项目、需求里该写什么,以及常见问题:Websites 指南。

准备好做新网站了吗?

免费版每天补充 50K token,足够一次性生成完整的落地页。

开始制作
AI 网站生成器:生成静态 HTML、CSS 和 JS 网站 | Codexe