前情提要
书接上回,同学门想必掌握了Pages的基本玩法,也做完了课后习题。这不,我今天看到一个源码
封面如下:
![图片[1]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://cscccache.byd.com/cscc/oss/image/20250805/c08fc423056d8.png)
![图片[2]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://static.eeo.cn/upload/file/20250805/1754371291633857.png)
是不是很有趣呢!!
那么接下来,我将会教学如何免费部署!
准备
首先,我们来到GITHUB仓库
仓库地址:ddiu8081/oreooo: 🍪 An oreo generater.
点击右上角Fork到自己的仓库即可,这里不再讲解(不知道Fork自行百度)
Secondly,请注册vercel账号,本期我将以vercel作为演示
Vercel:vercel.com
(至于其他平台(EdgeonePages我部署时未成功,Vite提示不支持粘性语法糖(专业内容,大家知道无法部署就行)…..)请自行测试!本期为Vercel部署教程!)
部署
OK,来到vercel主界面(Overview),点击右上角“Add New”,点击”Project”
![图片[3]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://gd.53kf.com/uploads/72000079/2025-08-05/68919719c8008.png)
大概是这样(如上图)
创建项目,大概会是这样一个界面:
![图片[4]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://static.eeo.cn/upload/images/20250805/3d59035dff49bed86721.png)
点击Continue with Github,按照指示登录github并授权给Vercel,之后会是这样:
![图片[5]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://s3plus.meituan.net/opapisdk/op_ticket_885190757_1754372065697_qdqqd_2zut2m.png)
单击Import,Name可以随便写
![图片[6]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://file.zhuyitai.com/feedback/202508/05/7e0662a5705efc8277abe3f372b76690.png)
直接点击Deploy即可,等待边缘节点编译部署,看到Congratulations!(祝贺)页面则表示成功部署
![图片[7]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://img.chery.cn/chery-prod/mobile/community/0/20250805/4ffe4180-9179-4bf3-a563-68602795e1d7.png)
此时就OK了,来到我们项目的Overview接下来请绑定我们的域名,点击Domains,点击右上角Add Domain
![图片[8]-OREOOO利奥利生成器搭建教程-迷小龙的博客](https://static.eeo.cn/upload/images/20250805/a69fcf14da68226d8619.png)
添加域名后,点击learn more,按照提示添加记录即可,DNSok后,点一下Refresh就会自动申请Let’s Encrypt证书,自动https
课后总结
本期与其说是教程,实则是类人生物检测器,本期难度小,适合初接触者,建议多加练习,还没有部署过Uptime监测的看完本期可以当作提高训练。
预览
声明
本文初载于墨宇’s Blog 19.html 未经墨宇许可禁止转载,文章内容完全免费,无加密无圈米

![表情[hanxiao]-迷小龙的博客](https://blog.ken520.top/wp-content/themes/zibll/img/smilies/hanxiao.gif)
