gemini ai stduio基于react、nodejs等框架生成的代码效果非常好，但如果直接将ai生成结果分享给客户、领导，国内可能无法直接访问，故可以采用vercel和cloudflare进行挂载
本文参考我的好朋友唐天硕的技术博客，可查阅该文章获得更多细节补充。感谢他和该文章提供的技术启发。
写在前面
在开始本操作前，请完成google代码生成。
在开始本操作前，请先去腾讯云或者阿里云购买域名。参考 阿里云域名与网站（如果不需要国内访问可以忽略本步和第三章）
在开始本操作前，请注册一个github账号。
一、在ai studio中提交代码到github
1、在完成代码生成的项目中，点击“share”，选择github
2、在完成github授权后，填写项目名称、项目介绍、选择“public”，完成创建。
3、确定代码内容，提交代码。
4、点击跳转进入项目进行查看
5、复制你的git地址，第二章中可能会用到。
二、采用vercel挂载项目与域名
1、进入网站（https://vercel.com/）登录。这边建议直接采用github登录，因为后面需要直接从github拉项目。
点击 continue
2、进入首页后，点击“add new”添加新项目，选择project
2、选择（import）你github的中要部署的项目。如果没有用github登录，可以在这里复制第一章中你的github地址。
3、在创建工程页面，根据你在ai studio中创建时选择的框架选择部署框架。选择完后点击“deploy”，开始自动部署。
如果是react框架选择“other”
如果是node.js框架，选择node.js
如果是Angular框架，选择angular
如果不确定用的什么框架，统一选other
4、等待部署完成。
5、部署完成后，会直接生成一个vercal域名的url，因服务器在海外，访问时需要翻墙。
用自己域名加全球cdn实现不翻墙访问
1、回到首页，选择“domain”添加一个域名。这里填写你刚注册的域名
2、选择你刚创建好的项目。
3、此时会发现域名列表有一个存在问题的域名。展开该域名，把解析值填到第三章中的解析服务。
4、在完成第三章配置后，再回到域名页面，会发现域名解析成功了。
5、他会自己配置ssl，等个五分钟会自动成功
6、再回到项目页面会发现，自己的域名已经能访问了，且可以不用翻墙访问。
三、采用cloudflare申请免费ssl和cdn转发（如果不要求国内访问可以不看这个章节）
1、进入cloudflare官网（https://dash.cloudflare.com/login），进行登录，这里用谷歌或者github都可以，我选的谷歌。
2、进入首页后，输入你刚刚注册的域名，并根据需要选择dns添加方式和是否进行ai反爬。填写完成后，点击continue
2、选择免费计划“free”
3、选择后，会提示进入域名编辑页面，需要在这个页面添加解析。解析值来源于第二章中vercel给的内容。
4、在下一步中，复制对应的解析值，打开阿里云服务器域名管理进行配置，选择自己购买的域名（如果在腾讯云买的，就去腾讯云添加解析，效果一样的，这里不再赘述）。
5、等待验证可能需要最多24小时，请耐心等待。完成后显示如下页面：
6、完成后回到第二章继续。