小歪卡小火箭免流
1、代码不部署到网上还可以通过share studio里的链接给朋友,不是必须部署。但是如果你想实现ying利,让更多人用起来就必须进行部署
2、所有学AI的同学我都建议,直接大家要做一个真正的网页+一个真正的app,没人用的代码不算产品。
写完代码之后在你的Google AI Studio项目中点右上角(不知道怎么用gemini3的复习一下我之前写的:👉Gemini3做小红书封面生成器,效率暴增1000% ,实现爆款封面自由!)
如果你没有github账号,利用Google上号本身弄一个。如果有直接按默认设置提交就行了。
接着会让你选择是否公开代码,建议大家直接选private,之后如果有需要再公开。一旦public了地球上的程序员都能搜到看到-_-
特别提醒:一定要注意保护自己的代码,开源一定是你已经想好自己的商业模式的情况下的选择。否则到后期你看到别人拿你开源的东西做出成绩了,你会很被动,可能没法阻止代码的扩散了求告无门。当你想清楚之后小歪卡小火箭免流,开源甚至可以作为一种商业手段去用,比如DIFY这家公司的策略。所以大家一定要综合考虑再去开源。
访问 Vercel 官网,使用你的 GitHub 账号登录。(因为我们要接入github的项目更方便)授权后,Vercel 就能看到你的仓库了。
在配置页面,所有设置都保持默认即可,因为vercel本身是会自动识别的,freamework preset不知道的话可以根据源代码问下你的ai,让它来判断在vercel上怎么选择,然后直接点击底部的“Deploy”。
不会的看我之前写过的👉10分钟搞定出海域名!Vercel+Cloudflare完美低成本绑定丨小白AI出海教程
如果你想更深入了解一个网站是如何从零搭建起来的,享受完全掌控的感觉,可以使用国内常见的aliyun服务器和宝塔面板来操作。先看图理解一下各个名词的含义。
特别提醒:aliyun这块对于没做过的同学会有点想shi,感觉不是在学ai,是在学ailiyun使用方法,不过坚持下来,只需要一次之后直到流程就可以部署无数个网站。
因为我们是要手动部署,所以先将 Google AI Studio 里的完整项目文件保存到你电脑上。
我们直接在本地任何代码编辑器里打开这个项目文件夹,先放一边。(每个项目都是一个文件夹,而不是我们平常理解的单个文件。)
选择合适的配置(最低档即可),记得一定要选这个宝塔面板的!不要选别的!咱们后面讲的都是围绕这个版本的。
之后要找到这个服务器,就直接点右上角的控制台就可以了,aliyun常见的功能都在这里,然后选择ECS👇。
在aliyun或任何域名服务商那里,挑选一个你喜欢的、好记的域名,最好cn、com结尾的常见的,不要太奇怪的。
为了让你的网站地址是安全的,需要SSL证书。在aliyunSSL证书页面,选择“个人测试证书”进行申请,然后记得是点创建证书!!!不是点旁边那个立即🛒 ,千万不要点错了!
然后点进去自己设置个子域名或者直接用主域名就行了,你要记清楚,到底是用的主域名还是子域名。后面用得到。
域名解析又简称DNS。DNS就是个贴牌工,把作为门牌号的域名和作为实体房子的服务器联系起来。NS就是name service
如果说服务器是转头和实体房子,宝塔面板就是ipad上看到的这个房子的投影,能让你对这个房子看得更清楚。我们直接操作服务器太不可视化了,所以宝塔面板这种工具能让我通过点来点去,去操作服务器。
我们选使用Workbench工具以SSH协议登录Linux实例。(不用理解,SSH)SSH是那套确保连接安全可靠的“底层协议和规则”,而Workbench则是利用这套规则,为你打造的“一键直达、开箱即用”的豪华操作控制台。 你用Workbench,就是在享受SSH带来的安全,同时免去了使用SSH的繁琐。
现在,回到你最开始在aliyun买的服务器,点到这个服务器的页面,然后右上角点「远程连接」蓝色按钮,
在域名这一栏中,务必填写你刚购买并已解析的域名,千万不要误填成服务器的IP地址,否则你的域名会访问不到你的站上的内容。
在SSL证书区域,将你下载的.key文件内容粘贴到“密钥(KEY)”框,.pem文件内容粘贴到“证书(PEM)”框,然后保存。
第一个方法vercel之所以不用这些脏活,因为Vercel 帮你把脏活累活(Build)给偷偷干了,而宝塔(Nginx)只负责展示结果。
然后AI会给你单独在这个项目文件夹下建立一个build文件夹。也可能是一个ZIP压缩文件夹。
把dist文件夹里面的内容(通常是 index.html 和 assets 文件夹)拖到宝塔的网站根目录,这才是浏览器能看懂的网站文件。
回到宝塔面板的“文件”管理器,导航到你添加站点时生成的根目录,将这个ZIP压缩包上传进去,然后右键点击它,选择“解压”。
🪓如果在任何一步遇到了拦路虎,最简单有效的办法就是:将终端或页面上显示的完整错误信息复制下来,去咨询你的AI,它们能为你提供非常具体的解决方案。

