免费真香！Google AI Studio 手搓网站，Vercel 一键部署全攻略

免费真香！Google AI Studio 手搓网站，Vercel 一键部署全攻略 免费真香！Google AI Studio 手搓网站，Vercel 一键部署全攻略 Modified December 30, 2025 第三步：Vercel 一键上线 🚀 这是最激动人心的一步，我们要把冷冰冰的代码变成人人都能访问的链接！ 打开 Vercel 官网 (https://vercel.com/) 并登录。 点击控制台的 Add New ... Project。 在左侧你会看到 Import Git Repository，找到你刚才在 GitHub 建的仓库，点击 Import。 点击 Deploy 按钮！ 这时候，你稍等片刻，如果代码没有问题的话，将会看到这个页面，祝贺你已经完成了部署！ 你还点击Continue to Dashboard 对网站进行其他的更改，比如更改域名等等。 📱 成果展示 点击 Vercel 提供的 Visit 按钮，或者那个 xxx.vercel.app 的域名。 看！这就是你刚刚亲手（其实是 AI 手）打造的网站！ 它已经发布到了全球互联网上，你可以把这个链接发给你的朋友，不过他们可能需要国外IP才能打开。 如果对页面不满意，想要优化？很简单： 1 回到 Google AI Studio 说：“把背景改成深色模式” 2 点击github图标 3 提交。 Vercel 会自动检测更新并重新部署， 无需任何操作 ！ 与此同时，你可以在github的对应代码仓库中看到你的网站链接和部署历史记录。 💡 总结 回顾一下我们的“白嫖”路径： Google AI Studio 负责当免费的高级程序员。 GitHub 负责当免费的代码仓库。 Vercel 负责当免费的服务器和域名提供商。 在这个 AI 时代，想法比技术更重要。只要你有创意，工具都能为你所用。 可能有的小伙伴注意到，我开头提供了国内用户访问的链接 https://clipsketch.arxiv.xin/ ，而且这个链接也不是xxx.vercel.app格式的。 下次我再教大家如何给这个 AI 网站加上自定义的独立域名，并可以在国内访问！ 如果你觉得这篇文章对你有帮助，欢迎 点赞、在看、转发 三连！❤️ 第三步：Vercel 一键上线 🚀 这是最激动人心的一步，我们要把冷冰冰的代码变成人人都能访问的链接！ 打开 Vercel 官网 (https://vercel.com/) 并登录。 点击控制台的 Add New ... Project。 在左侧你会看到 Import Git Repository，找到你刚才在 GitHub 建的仓库，点击 Import。 点击 Deploy 按钮！ 这时候，你稍等片刻，如果代码没有问题的话，将会看到这个页面，祝贺你已经完成了部署！ 你还点击Continue to Dashboard 对网站进行其他的更改，比如更改域名等等。 📱 成果展示 点击 Vercel 提供的 Visit 按钮，或者那个 xxx.vercel.app 的域名。 看！这就是你刚刚亲手（其实是 AI 手）打造的网站！ 它已经发布到了全球互联网上，你可以把这个链接发给你的朋友，不过他们可能需要国外IP才能打开。 如果对页面不满意，想要优化？很简单： 1 回到 Google AI Studio 说：“把背景改成深色模式” 2 点击github图标 3 提交。 Vercel 会自动检测更新并重新部署， 无需任何操作 ！ 与此同时，你可以在github的对应代码仓库中看到你的网站链接和部署历史记录。 💡 总结 回顾一下我们的“白嫖”路径： Google AI Studio 负责当免费的高级程序员。 GitHub 负责当免费的代码仓库。 Vercel 负责当免费的服务器和域名提供商。 在这个 AI 时代，想法比技术更重要。只要你有创意，工具都能为你所用。 可能有的小伙伴注意到，我开头提供了国内用户访问的链接 https://clipsketch.arxiv.xin/ ，而且这个链接也不是xxx.vercel.app格式的。 下次我再教大家如何给这个 AI 网站加上自定义的独立域名，并可以在国内访问！ 如果你觉得这篇文章对你有帮助，欢迎 点赞、在看、转发 三连！❤️ 🔗 原文链接： https://mp.weixin.qq.com/s/HK0NUXoS... https://mp.weixin.qq.com/s/HK0NUXoS... 原创 爱思考研 ACE计算机2025年12月5日 15:17 新加坡 你是不是一直想拥有一个属于自己的网站？ 是那种可以展示个人简历、摄影作品，或者仅仅是一个酷炫的落地页？ 是不是有很多有意思的想法但是不会写代码又想做一个自己的网站来实现自己的想法？ 但在过去，这通常意味着： ❌ 要懂 HTML/CSS/JS 代码 ❌ 要买域名（还要备案 😭） ❌ 要花钱买服务器维护 但在 AI 时代，这些都不是问题了！ 今天，我要手把手教大家一个 “白嫖” 且 “高效” 的方案： 👉 Google AI Studio (生成代码) + Github(代码管理) + Vercel (免费服务器) 全程 0 成本，只要你会打字，就能搞定！🚀 成果展示 等你跟着本教程3步走完，你将获得如下的网站： 国外用户访问：https://clipsketch ai.vercel.app/ 国内用户访问：https://clipsketch.arxiv.xin/ 这是一个将视频转化为手绘教程的网站。非常适合发小红书或做手账！ 如果对此感兴趣，还可以去github上点个star支持一下，完全开源免费！ github链接： https://github.com/RanFeng/clipsketch ai 🛠️ 准备工作 在开始之前，你需要准备好这三个账号： 1 Google 账号：用于登录 Google AI Studio。 2 GitHub 账号：用于存放代码（没有的话赶紧注册一个，这是程序员的标配）。 3 Vercel 账号：用于部署网站（直接用 GitHub 登录即可）。 准备好了吗？我们要开始变魔术了！✨ 第一步：让 AI 替你写代码 🤖 我们要用到的是 Google 强大的 Gemini3 Pro 模型，它速度快、免费，而且写代码能力超强。 打开 Google AI Studio ( https://aistudio.google.com/ )，直接输入你的需求，点击build按钮，直接就可以生成你想要的代码。 💡 抄作业（提示词模板）： 第二步：存储代码到 GitHub 📦 代码有了，我们需要把它存起来。点击页面右上角的github图标，选择 New repository (新建仓库)。 起个名字，比如 clipsketch ai，记得选 Public (公开)，然后点击 Create Git repo即可 🎉 恭喜你！你的网站源代码已经存储在云端了。