我如何更改 Typo3 中的 Favicon

Question

我想从新的 Typo3 站点（版本 9.5.9）更改图标。目前它显示 typo3 自己的图标。

我按照此处所述进行了尝试https://wiki.typo3.org/Add_your_own_favicon，但它仍然显示错别字图标。

我已经清除了浏览器缓存和服务器缓存。

Answer 1

浏览器有时会非常顽固地缓存网站图标。到目前为止我知道两个解决方案：

多次单击 CTRL+F5 直到显示新图标（但访问者可能仍会看到旧图标）
您可以像这样 page.shortcutIcon = fileadmin/files/favicon.ico?v=xQO7OjawKd 尝试在文件引用中使用虚拟版本参数，这也应该可以解决普通访问者的问题。我目前不确定这是否适用于 page.shortcutIcon = ...

但请记住，此代码仅替换旧学校图标。现在您可能还想为所有给定的平台和设备显示替代图标，请参阅 https://realfavicongenerator.net/。

为此，您需要在 TS 设置中添加一些代码。最简单的方法是从您的网站图标生成器中复制 html 代码并将其放置在您的 TS 中，如下所示：

page.headerData.1568907945 = TEXT
page.headerData.1568907945.value (
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=xQO7OjawKd">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=xQO7OjawKd">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=xQO7OjawKd">
  <link rel="manifest" href="/site.webmanifest?v=xQO7OjawKd">
  <link rel="mask-icon" href="/safari-pinned-tab.svg?v=xQO7OjawKd" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">
)

您应该删除 <link rel="shortcut icon" href="/favicon.ico?v=xQO7OjawKd"> 部分，因为该部分是由 page.shortcutIcon 生成的。如果版本参数不起作用，您可以尝试将其保留在这里并使用 page.shortcutIcon >.

删除旧版本

我希望这对您有所帮助并且代码可以正常工作，它只是从头脑中写出来的；）如果不留下评论，我会修复它...

顺便说一句，您提到了一个非常古老的 wiki 条目。您不应将此类文件存储在 fileadmin 中，因此请创建您自己的站点包，请参阅 https://www.sitepackagebuilder.com/ 并将图标放入 Ressources/Public/Icons 或 Web 根目录并将 TS 设置放入 Configuration/TypoScript/setup.typoscript.

您可以在 https://github.com/gstypo3/gsfavicon/blob/master/Configuration/TypoScript/setup.typoscript.

找到更动态的实现

整个过程仅适用于前端，但我想后端不是问题所在。

Answer 2

转到您的 typo3 项目中的 setup.ts 文件 folder.Then 您可以更改添加图标的路径。

我如何更改 Typo3 中的 Favicon

How do i change Favicon in Typo3

typo3

favicon