Cloudflare代理站点favicon与页面title无法正常显示问题求助

缓存清理（优先排查） #

• 清理Cloudflare全局缓存：进入Cloudflare控制台，选择对应域名后进入「缓存」-「配置」页面，点击「清除所有缓存」，操作后等待5~10分钟再测试
• 清理本地浏览器缓存：使用无痕模式访问站点，或者按下Ctrl+Shift+R（Mac设备为Cmd+Shift+R）强制刷新所有页面资源，排除本地旧缓存的影响

站点配置修正 #

• 检查静态站点配置文件：如果你使用Jekyll、Hugo、Vite等工具生成静态页，先确认配置文件内的baseUrl、siteUrl类参数，已经从原github.io地址替换为新域名https://tesseractmc.com，修改后重新推送代码到GitHub Pages触发构建
• 检查HTML头部标签：打开站点源码的<head>模块，确认两处配置：
  • title标签没有绑定旧域名，直接写站点实际标题即可，示例：<title>Tesseract MC | 我的世界服务器</title>
  • favicon引用使用相对路径，避免硬编码旧域名，示例：

    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    

• 验证favicon资源可访问性：直接在浏览器地址栏输入https://tesseractmc.com/favicon.ico，如果返回404则需要修正favicon文件的存放路径和引用路径

Cloudflare规则排查 #

• 进入Cloudflare控制台的「规则」-「转换规则」页面，检查是否存在响应体改写类的规则，这类规则可能误修改页面title、favicon引用内容，可暂时关闭规则后测试
• 进入「SSL/TLS」-「概述」页面，确认加密模式设置为「严格」，避免中间跳转导致的资源加载异常

内容的提问来源于stack exchange，提问作者Craexz