将 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 配置,等待生效后即可访问
支持部署到 Cloudflare Pages • Vercel • Netlify
Made with ❤️ for Google AI Studio users