AI 摘要
这篇文章为Cloudflare用户提供了解决网站接入后“重定向过多”或样式错乱等常见问题的设置指南。核心内容包括:首先,需正确配置SSL/TLS模式,推荐选择“完全(Full)”以避免重定向错误;其次,开启“始终使用HTTPS”确保网站全程加密访问;并学会如何在遭受DDoS攻击时启用“五秒盾”进行应急防御。此外,文章还分享了通过Cloudflare Fonts和Rocket Loader优化网站加载速度的技巧。这些关键设置能帮助用户让网站运行更稳定、安全且快速。

接入 Cloudflare 后网站打不开了?这份“保姆级”避坑与设置指南请收好!

书接上回,在Cloudflare的相关设置的这篇文章中,我们已经成功让域名和服务器进行连接,并且隐藏了真实的 IP 地址。

很多小伙伴兴致勃勃地看着 DNS 生效,结果一打开网站……傻眼了。
要么是 网页白屏报错 ERR_TOO_MANY_REDIRECTS(重定向次数过多),要么是 样式乱飞,甚至直接无法访问你辛苦部署许久的网站

别慌!这不是你把服务器搞炸了,而是 Cloudflare 的默认设置在和你服务器的一些设置“闹别扭”。今天我们就来聊聊,接入 CF 后必须做的三件事,让你的网站不仅稳如老狗,还能跑得飞快!


第一坑:SSL/TLS 模式(网站打不开的元凶)

这是 99% 的新手 都会踩的坑!如果你发现接入后网站提示“重定向过多”,请立刻检查这里!

进入 Cloudflare 后台,点击左侧菜单的 【SSL/TLS】->【概述 (Overview)】。你会看到这四种模式:
SSL设置示例

这里的坑对新手站长很大,听我一句劝:

  1. 灵活 (Flexible)

    • 原理:用户到 CF 是加密的 (HTTPS),但 CF 到你的服务器是明文的 (HTTP)。
    • 适用场景:你的源服务器(就是你买的那台 Linux 机器)完全没有配置 SSL 证书,只能通过 http://ip 访问。
    • 致命陷阱:如果你的服务器(Nginx/Apache/服务器面板后台)已经开启了“强制 HTTPS 跳转”,选这个模式会导致【无限循环跳转】,网站直接暴毙!
  2. 完全 (Full) —— 推荐新手使用

    • 原理:全程加密。
    • 适用场景:你的源服务器已经有证书了(哪怕是自签名的、过期的、或者 Let's Encrypt 的免费证书)。
    • 操作:直接选这个!它最不容易出 Bug。
  3. 完全严格 (Full Strict)

    • 要求:你的服务器必须有有效的、未过期的受信任证书。要求比较高,搞不好容易报错。

懒人总结:只要你的服务器原本能通过 https 访问,请无脑选【完全 (Full)】!
SSL设置示例


🔒 第二步:强行变绿(始终使用 HTTPS)

看着浏览器地址栏那个灰色的“不安全”是不是很难受?我们要让那个绿色的小锁头永久亮起!

  1. 点击左侧菜单 【SSL/TLS】 -> 【边缘证书 (Edge Certificates)】
  2. 向下滑动,找到 “始终使用 HTTPS (Always Use HTTPS)”
  3. 把开关打开!

搞定!现在无论用户输入 http 还是 https,Cloudflare 都会强制把他们拽到安全的 HTTPS 通道上来。
SSL设置示例3


第三步:召唤“五秒盾”(应急防御)

我们在第一篇里吹过 Cloudflare 能防 DDoS 攻击,那这个功能在哪呢?
平时我们不需要开启它(因为会影响用户体验),但当有人恶意刷你的网站,导致 CPU 爆表时和带宽拉满时,请立刻通过操作“救服务器一命”:

  1. 前往 【安全性 (Security)】 -> 【设置 (Settings)】
  2. 找到 Security Level (安全性级别)
  3. 平时选“中 (Medium)”。避免由于级别过高影响用户正常访问
  4. 遇袭时:直接拉到最底部的 I'm Under Attack! (我正在遭受攻击!)
    防御示例

开启后,所有访问者在进入你网站前,都会先看到一个“正在检查浏览器”的等待界面(俗称五秒盾)。这个功能能帮你拦下绝大多数的恶意脚本和攻击流量。

记得等攻击过了调整回来,不然正常读者也会觉得烦哦!


附赠:白嫖加速(Auto Minify)

既然用了赛博佛祖,不薅点羊毛怎么行?Cloudflare 免费提供了一套代码压缩服务。

  1. 点击左侧菜单 【速度 (Speed)】 -> 【设置 (setting)】
  2. “内容优化” 里找到 Cloudflare Fonts和Rocket Loader
  3. 这两个勾上并且等待一会,等待网站一点反应的时间

原理是啥? Cloudflare Fonts的原理是优化字体加载,减少了对第三方字体的外部请求,从而改进了私密性和性能,加快了页面加载速度。Rocket Loade的原理是它会自动把你网页代码JS里那些没用的空格、换行符统统删掉。虽然减小的体积可能只有几KB,但在弱网环境下,蚊子腿也是肉啊!

加速示例
加速示例2


总结

经过这一通设置,你的 Cloudflare 算是彻底“驯服”了。

  • SSL 模式:解决了打不开的问题。
  • 强制 HTTPS:解决了安https问题。
  • 五秒盾:掌握了基本的防御手段。

现在的你,已经拥有了一个既安全、又快速、还免费的个人站点。

下期预告:
网站搭好了,图片往哪放?放在服务器里既占空间又费带宽。
下一篇,教你利用 Cloudflare R2 Work and Page + CloudFlare ImgBed 搭建一个永久免费、无限流量**的高速图床!省下高昂的图床费用!

觉得有用的话,别忘了点个赞,或者把文章分享给同样在折腾网站的小伙伴哦!