渐渐的,我成为了一个教程选手~
Hi,这里是极速入门系列的第二期,第一期是git版本管理 极速入门系列之Git篇丨手把手带小白学习Git版本管理 不再丢失代码!,今天来教你如何免费部署自己AI vibe coding出来的静态项目(具体什么是静态项目请自行搜索学习,这里不赘述),困惑自己的项目是否能够使用本教程中提到的平台?最简单的办法,直接在TRAE中问AI是否支持就行。
接下来我将以不同平台为分类逐一介绍部署教程,其实核心原理一样,只是不同平台叫法和步骤不一致~
注意!注意!注意!老规矩,各大平台的注册问题这里不涉及!自行搜索~同样域名解析配置问题也不涉及,自行搜索~
必须要看:教程写完了我才想起一个很关键的内容!!!下方平台部署如果选择上传本地代码的形式时,上传的代码必须、必须、必须包含所有文件!!!因为有的项目框架是基于Node.js大类的,它们运行时需要依附第三方包,也就是有时候项目文件夹出现的node_models文件夹,见下图;但是使用其二的云端部署平台会自动设置好构建命令,在云端安装不会出现这个问题。如果你使用其一方法上传的代码没有node_models文件夹可能会出现部署报错或部署完的项目显示异常,最简单的办法就是在TRAE中直接让AI帮你本地启动一次项目,这样本地代码就是部署所需的全文件了!
Cloudflare pages服务
简介:互联网赛博大善人,为全球提供CDN服务,当代互联网服务基石,它崩溃全网跟着地震!
官方网站: 随时随地连接、保护和构建 | Cloudflare
优点:超高免费额度,每日10w次请求满足99.99%用户使用
缺点:国内网络访问可能出现部分地区无法打开官网情况
部署步骤:
- 进入Pages服务页面
- 点击创建应用程序(注意:我的页面是因为已有项目,全新账号页面可能按钮显示在正中间或其他位置!)
- 选择部署pages
- 这里有两个部署方式,其一是链接git仓库一键部署;其二是上传项目文件部署
- 我这里先演示其二的部署方式,也是很多小白用户擅长的方式,直接上传代码文件(优点是不需要懂git与云端仓库,缺点是每次更新内容都需要重新上传代码文件)
- 首先创建一个项目名称,我这里以前阵子做的表情包裁剪项目为例
- 将项目代码拖入或者上传到指定位置
- 等待上传完成之后,点击部署站点
- 点击继续处理项目
- 后续更新可以点击项目中的创建部署(域名绑定也可以在自定义域处进行更改绑定)
- 接下来演示选择其一部署方式的步骤(需要有git和云端仓库知识,最好是github)(优点是每次推送git commit这边都会自动部署!)
- 选择绑定的云端仓库账号,选择需要的仓库,点击开始设置(图片没有截全,在画面最下面)
- 默认项目名称同仓库名称全小写,选择正确的生产分支,设置正确的构建设置(不知道为啥cloudflare没有识别这个项目的框架,不过不填有的框架影响也不大,如果你的项目涉及框架,一般会自动检索并自动填写,如果不确定,问TRAE!)
- 确保正确后点击保存并部署
- 等待部署完成!
- 部署正常会进入继续处理项目选项页面,如果错误,查看日志报错,复制问ai即可
至此,Cloudflare部署步骤完成。
腾讯云EdgeOne pages服务
简介:企鹅少有的良心平台之一,同样提供“永久免费”(官网宣传~)的边缘部署服务
官方网站: EdgeOne - 控制台
优点:提供免费的2个加速域名权益,不限的加速流量
缺点:如果不进行实名认证和域名备案,只能选择非中国大陆加速节点(实测速度还可以,当然网上也有反代优选教程,对于小白应该是天书,这里就不涉及了)
部署步骤:(由于各家产品大同小异,所以后续平台的部署步骤不会写的完全,手搓的教程见谅~)
- 进入Pages服务界面
- 点击创建项目,同样提供两个方式,直接上传就是上面的其二上传代码文件,导入git仓库就是上面的其一云端仓库~后续平台只以云端仓库为例(其二的方式参照上面教程,基本一致)
- 选择github账号和需要部署的仓库
- 注意加速区域选择
全球可用区(不含中国大陆),如果你已备案和实名认证可以选择含中国大陆,同样构建设置同上述教程,点击开始部署进入部署ing页面,等待部署完成即可!
Vercel服务
简介:美国云开发平台,深度集成Node.js框架,内含诸多优质部署项目
官方网站: Vercel: Build and deploy the best web experiences with the AI Cloud
优点:深度优化Node.js框架的支持,对该框架的部署十分有好
缺点:也是致命缺点!对中国大陆网络支持差,部署完成项目如果不绑定自己的域名,使用它提供的*.vercel.app域名时,大陆区域无法访问!!!
部署步骤:
- 点击Add New…后选择Project
- 选择自己的Github账号,选择好项目之后点击Import(Vercel我没有找到主动上传代码文件的入口,但是AI说有,有兴趣的可以研究一下)
- 同样设置好配置后点击Deploy按钮进行部署,部署成功后就完成啦~
其他平台推荐
本来想把常见平台都搞一遍,我实在写不动了~哈哈哈,偷个懒,分享一些平台,至于部署方式还是那句话,基本一致,只是叫法和个别步骤不一致!
Netlify
官方网站: Push your ideas to the web | Netlify
阿里云ESA
官方网站: ESA
ESA我要吐槽一下,它的版本机制我用了半年也不知道存在的意义
GitHub Pages
官方网站: GitHub Pages 文档 - GitHub 文档
其实GitHub Pages服务严格讲没有官网,GitHub Pages服务是依托于Github仓库的额外服务,这是一个特殊的部署方式,区别于上述提到的平台,感兴趣的可以搜索学习一下!
不想打字了,所以就到这里吧,如果有什么问题可以在评论交流,如果想补充或者纠错同理~至是,工程已毕,言尽于此


























