React2Static

将 Google AI Studio 项目转换为可部署的 Web 应用

💻 React → HTML/CSS/JS

点击或拖拽上传 ZIP 文件

支持 Google AI Studio 生成的项目

💰

完全免费

无需服务器,所有构建在浏览器中完成

🔒

隐私安全

代码不会上传到服务器,完全本地处理

快速部署

一键生成可部署的静态文件包

免费快速部署你的 AI 编程项目

我个人没有编程背景,所以一开始也找了很多方式来快速部署我的项目。我非常想以一种更正式的方式分享我设计的 website,这是我个人使用下来目前看上去最快速的部署方式。如果你知道什么更好的方式,也可以在 Discord 中联系我,如果 work,我会更新的。

1

下载上方构建好的 ZIP 文件并解压成普通文件夹

2

访问 dash.cloudflare.com 并登录(没有账号则免费注册)

3

在左侧找到 Workers & Pages,点击进入

4

点击 Create application

5

在页面下方找到小字 "Looking to deploy Pages? Get started",点击 Get started

Cloudflare Pages Get Started
6

选择 Drag and drop your files 方式

7

输入你喜欢的 Project name

8

将解压后的文件夹直接拖拽到上传区域

9

等待部署完成,看到成功页面后,点击以 .pages.dev 结尾的链接即可访问你的网站

Deployment Success

🎉 恭喜!现在你可以把这个链接分享给朋友,他们会大吃一惊的!

关于免费域名

Cloudflare 会自动给你一个免费的 .pages.dev 域名,直接就能用,不用花钱买域名。这个域名自带 HTTPS 和全球加速,如果只是想分享给朋友看看,或者自己用用,完全够了。除非你有特殊需求(比如想要个更专业的域名),否则这个免费域名就挺好的。

绑定自定义域名(完全可选)

在 Cloudflare Registrar 购买域名(推荐)或使用已有域名

在 Pages 项目设置中点击 Custom domains → Set up a custom domain

输入域名并按提示完成 DNS 配置,等待生效后即可访问

支持部署到 Cloudflare PagesVercelNetlify

Made with ❤️ for Google AI Studio users