用cloudflare,以实现利用在腾讯云买的域名访问github项目,需要进行的相关配置

当我们已经购买了一个域名,想将自己的一些笔记或者其他的东西发布在上面,并让别人也能通过浏览器访问到时,就需要再为这个域名买一个服务器,拥有公网IP,并进行备案。但是服务器是不太便宜的,备案也是要花钱的,而且备案还需要时间,这时cloudflare就可以帮我们解决这些问题。

科赋锐信息科技Cloudflare | Cloudflare是一个免费的静态Web应用部署平台。可以免费搭建个人博客,不限流,无需服务器,实现内网穿透。其服务器地理位置:美国自家节点。其速度稳定,在全球各地均有CDN,支持从Github/Gitlab等平台自动部署。网络情况:电信:从大陆直连美国;联通:绕行欧洲后到美国;移动:到达中国香港后无法追踪。

接下来开始教程,这一切建立在已经购买了一个腾讯云的域名,有了一个前端项目,并上传到了自己的github

一、在cloudflare配置域名,Tunnel内网穿透

可以看这个视频,讲的很详细,唯一的不同在下面(因为up的域名不是在腾讯云买的):没有公网IP? 免费域名搭建cloudflare内网穿透,不限流量,不用绑卡支付_哔哩哔哩_bilibili

不同之处:

拉到最底下,选择free,继续:

拉到最底下,什么都不用管,点击继续:

会有一个弹窗,点击确认:



看到这里:

前往腾讯云控制台-域名注册-我的域名,找到需要添加到cloudflare的域名,点击更多,选择“修改DNS服务器”:

点击自定义DNS,将上上步中的两个地址复制进来:

这就使用上了cloudflare服务器。

回到cloudflare,继续:

接着会收到一个邮件,说已经激活成功。回到cloudflare主页,域名状态是“ √ ”就可以直接使用了。

视频其他PS:

这里可以填自己的localhost地址:

二、将github项目部署到cloudflare

进入cloudflare主页,找到计算(Workers)-Workers and Pages:

点击创建,没添加过应该不在这个位置,好像在下面,忘记了:

Pages,连接到Git:

选择一个仓库,开始设置:

这里的分支要选对(选择github中html文件所在的那个分支),点击保存并部署:

回到Workers and Pages,记住这个地址(一般是项目名.pages.dev)

 三、在cloudflare添加DNS解析

回到cloudflare主页,点击“转到...”,点击“DNS”,选择你要转到的域:

点击添加记录,下面两条记录不是初始的,是我已经添加完成的,注意“内容”与刚才“Workers and Pages”要记住那个地址一样

一一对应:

四、在cloudflare为项目添加自定义域

回到“计算(Workers)”-“Workers和Pages”,点击刚部署进来的项目的名字:

点击“自定义域”-“设置自定义域”:

将你的域名添加进来,点击继续:

配置DNS,由于刚才我们配置过了,这个顺序无所谓,所以直接点击激活域:

等待验证,直到变为“活动”:

五、在腾讯云添加DNS解析

在腾讯云控制台-域名注册-我的域名,选择要添加解析的域名,点击解析:

点击添加记录,选择或填写对应信息,注意这里的记录值与刚才“Workers and Pages”要记住那个地址一样,点击确认:

至此结束,现在就可以通过你刚购买的域名访问你的github项目了。

### 腾讯云 COS 集成 Cloudflare 的最佳实践 #### 1. 创建腾讯云 COS 存储桶并获取访问密钥 为了使腾讯云对象存储服务 (COS) 和 Cloudflare 成功集成,需先创建一个 COS 存储桶。完成此操作后,记录下所分配给该账户的 SecretId 及 SecretKey 值用于后续设置过程中的身份验证[^1]。 #### 2. 启用静态网站托管功能 如果计划通过 CDN 提供静态资源,则可以在 COS 控制台中开启相应的选项来启用静态站点支持特性。这一步骤允许用户自定义索引页面以及错误提示页等内容[^2]。 #### 3. 设置跨域资源共享(CORS) 为了让浏览器能够正确加载来自不同源的数据,在 COS 上适当调整 CORS 规则至关重要。具体来说就是增加一条新的策略声明,指定允许请求的方法(GET/HEAD)、来源域名 (*.cloudflare.com),以及其他必要的头部字段等信息[^3]。 ```json [ { "ID": "Allow-CF", "AllowedOrigins": [ "*.cloudflare.com" ], "AllowedMethods": [ "GET", "HEAD" ], "MaxAgeSeconds": 300, "ExposeHeaders": [], "AllowedHeaders": ["*"] } ] ``` #### 4. 添加 CNAME 记录指向腾讯云提供的加速域名 前往 Cloudflare DNS 管理界面新增一条 CNAME 类型解析记录,目标地址应填写由腾讯云提供给用户的专属加速节点名称。确保已勾选“代理状态”,以便享受完整的性能优化及安全防护措施[^4]。 #### 5. 开启 SSL/TLS 加密传输协议 考虑到数据隐私保护的重要性,建议激活 HTTPS 连接方式。对于已经绑定至 Cloudflare 平台上的子域名而言,默认情况下会自动获得免费签发的有效证书;当然也可以上传自有 CA 文件实现更高级别的加密强度[^5]。 #### 6. 测试连接稳定性与速度表现 最后但同样重要的是进行全面的功能测试环节——确认所有文件均能正常下载、图片显示无误,并且整体响应时间达到预期水平。利用诸如 WebPageTest 或者 GTmetrix 工具可以帮助分析网页加载效率等方面的具体情况[^6]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值