页面图标/标题未通过代理的 cloudflare 站点显示

Posted 2023-03-04

【中文标题】页面图标/标题未通过代理的 cloudflare 站点显示

【英文标题】：page favicon/title not showing through proxied cloudflare site

【发布时间】：2021-11-29 04:07:55

【问题描述】：

所以我最近在 namecheap 上为我的我的世界服务器购买了一个域名。一切正常，除了我在网站上没有 ssl，所以它显示为不安全。我将名称服务器更改为 cloudflare 为我提供的名称服务器，它通过带有加密的 cloudflare 代理请求，因此安全问题得到解决。实际站点托管在 github 站点上，并且在 github.io 站点本身上，favicon 和标题工作得很好，但是通过代理，图标只是显示为一个灰色的小地球图标，标题是网站 (https://tesseractmc.com)。有人可以帮忙吗？

【参考方案1】：

看到您的网站。 Favicon 在 https://tesseractmc.com 上不可见，因为它使用的 iframe 的 src 属性等于 github 页面。

你真正在做的只是在 https://tesseractmc.com 页面的 body 元素中复制和显示 github 页面的内容。

见下图

在网站的源代码中，没有提供网站图标图像。

因此，网站图标不可见。

【讨论】：

那么我该如何解决这个问题呢？我会很感激任何有效的。

在实际的github代码中，提供了一个favicon，但是通过网站查看源代码，却显示没有。

问题只是因为您使用的是 IFrame。一种可能的解决方案是通过提供图片链接直接在主网站 (tesseractmc.com) 中添加网站图标 -> 跨度>