将 Google AI Studio 项目转换为可部署的 Web 应用
💻 React → HTML/CSS/JS
点击或拖拽上传 ZIP 文件
支持 Google AI Studio 生成的项目
无需服务器,所有构建在浏览器中完成
代码不会上传到服务器,完全本地处理
一键生成可部署的静态文件包
我个人没有编程背景,所以一开始也找了很多方式来快速部署我的项目。我非常想以一种更正式的方式分享我设计的 website,这是我个人使用下来目前看上去最快速的部署方式。如果你知道什么更好的方式,也可以在 Discord 中联系我,如果 work,我会更新的。
下载上方构建好的 ZIP 文件并解压成普通文件夹
访问 dash.cloudflare.com 并登录(没有账号则免费注册)
在左侧找到 Workers & Pages,点击进入
点击 Create application
在页面下方找到小字 "Looking to deploy Pages? Get started",点击 Get started

选择 Drag and drop your files 方式
输入你喜欢的 Project name
将解压后的文件夹直接拖拽到上传区域
等待部署完成,看到成功页面后,点击以 .pages.dev 结尾的链接即可访问你的网站

🎉 恭喜!现在你可以把这个链接分享给朋友,他们会大吃一惊的!
Cloudflare 会自动给你一个免费的 .pages.dev 域名,直接就能用,不用花钱买域名。这个域名自带 HTTPS 和全球加速,如果只是想分享给朋友看看,或者自己用用,完全够了。除非你有特殊需求(比如想要个更专业的域名),否则这个免费域名就挺好的。
在 Cloudflare Registrar 购买域名(推荐)或使用已有域名
在 Pages 项目设置中点击 Custom domains → Set up a custom domain
输入域名并按提示完成 DNS 配置,等待生效后即可访问
顺便一提,这个网站本身也是 AI coding 的成果!
不过由于每个人的实际情况千差万别,加上偶尔的误操作,大家在部署过程中可能会遇到各种各样的问题(我自己也踩过不少坑)。遇到这种情况,你可以试试重新执行一遍流程——虽然听起来有点笨,但往往很管用。如果还是解决不了,也可以考虑寻求专业团队的帮助 ↓
下面这家就是我之前创业项目的合作方,当时他们的专业和效率给我留下了很深的印象。
SPONSORED
你的时间和创意无比重要
Fronami 提供快速、高效、周到的服务,帮助初创团队实现产品想法:
我们在印度和中国都有开发团队,最大限度节约你的成本。
起步价格 ¥2,000
你的每一分钱都物有所值
如需通过邮箱联系我们,建议您将需求或 AI Studio 的 package 打包发送,并附上具体需求说明。我们将在评估后尽快为您提供报价。我们严格遵守欧洲用户信息保护法规,确保您的创意和信息绝不会泄露。

扫码添加销售微信
支持部署到 Cloudflare Pages • Vercel • Netlify
Made with ❤️ for Google AI Studio users