2025年10月22日星期三

Github+Cloudflare免费部署网站教程

点击上方蓝字关注我们Cloudflare对我们来说,是一个可以免费白嫖很多东西的超级网站,像CDN、网站托管等

图片

点击上方蓝字关注我们

图片

Cloudflare对我们来说,是一个可以免费白嫖很多东西的超级网站,像CDN、网站托管等等,今天我们来介绍一下如何把网站部署到Cloudflare上,这里以我自己今天做的网站举例。

我想做一个网站来推广Fiverr,我继续使用Cursor(之前换成codex一段时间,但是提示词不够精准,额度很快就用光了),并使用claude4.5模型来生成网站。

图片

经过几次反复完善,基本可以用了(具体思路可以查看这篇文章),我告诉AI我要部署到cloudflare上,让AI给我写好部署文档,我按步骤操作:

图片

OK,它已经准备好了。我们下面一步一步进行部署上线。我们需要购买一个域名,这里不赘述。然后,我们需要把域名解析到cloudflare上去。我们在cloudflare后台点击"加入域"。

图片
复制域名到箭头处,继续。
图片

选择免费计划即可。

图片
图片
我们把Cloudflare提供的名称服务器配置到域名管理的后台即可,等待生效。
图片
下面我们开始把网站文件同步到Cloudflare上去。

我们的网站文件,先上传到github上,cursor可以设置自动同步到github仓库,非常方便。为什么不直接上传到Cloudflare?因为我们这个网站不是简单的纯静态html,涉及到一些环境配置,直接上传到Cloudflare会有问题,我们的开发预览都是在github存储的,AI推荐通过github把内容和环境一起同步过去。

图片

下一步需要同步到cloudflare上,我们在cloudflare面板里找到"workers 和 Pages",选择pages里的"Import an existing Git repository"。

图片

选择connect github。

图片

命名我们的项目名称,点击创建项目。

图片

下一步这里我们把github授权给Cloudflare。

图片

选择我们在gihub创建的Fiverr仓库。

图片
然后保存和部署,我们先选择默认即可。下面的需要配置一些东西,根据你的项目需要的环境,cursor会提示如何配置。
图片

部署成功了。

图片

部署完成后,已经可以用cloudflare提供的链接打开了。

图片

我们需要把我们自己的域名绑定过来。我们点击custom domains里的"set up a custom domain"。

图片

输入我们自己的域名,继续。

图片
配置DNS。
图片


这一步在前面添加域名时已经操作好并生效的话,会直接跳到下面这一步。
图片


图片


图片

我们输入域名访问一下,已经能正常访问网站了。

图片

如果域名添加不成功,请确保cloudflare的配置入下图,排查一下问题。

图片

这样,我们就通过github+cloudflare实现了网站的托管,并且是完全免费的。

往期推荐

回顾过去精彩文章

图片

受论坛的启发赚3.9万美元

图片

Afflift论坛优惠码

图片

自动化建站教程

图片

谷歌自动换链高级应用

图片

汇丰众安银行申请记录

图片

Propellerads优惠码

图片

20分制作Landing Page

图片

Paypal提现教程

图片

Maxconv优惠码

图片

一个万刀offer介绍

图片

我的博客重新营业了

没有评论:

发表评论

Github+Cloudflare免费部署网站教程

点击上方蓝字关注我们Cloudflare对我们来说,是一个可以免费白嫖很多东西的超级网站,像CDN、网站托管等 点击上方 蓝字 关注我们 Cloudflare对我们来说,是一个可以免费白嫖很多东西的超级网站,像CDN、网站托管等等,今天我们来介绍一下如何把网站部署到 Clou...