与特定网站关联的图标。它通常显示在地址栏中的Web浏览器中（通常留在URL中），标签栏或书签中。
我正在使用 Pelican 创建一个静态网站，但我对如何向其添加网站图标感到困惑。 我在文档中看到： 您还可以使用 EXTRA_PATH_METADATA 机制来放置
我在 Angular 上做了一个项目，但图标没有显示，我尝试了很多，请帮忙 我的代码：https://github.com/chandangowda33/NumeroPedia.git 我的应用程序部署站点：https://numeropedia.netlify.app...
Git github 使用 Base64 favicon 设置用户头像
我需要在 github 上设置用户的头像，这是一个通过使用 Base64 图标的操作激活的机器人。 这个base64 favicon取自参考站点，我用Google做了测试。 最喜欢...
在 Google Reader 中显示 Atom feed 图标
Google Reader 不显示我的 Atom feed http://feeds.feedburner.com/CartesianClosedComic 的图标。 根据互联网上找到的各种建议，我尝试了以下方法： 添加了 Google 阅读器不显示我的 Atom feed 的图标 http://feeds.feedburner.com/CartesianClosedComic。 这是我根据互联网上找到的各种建议尝试的： 添加了指向 png 图标的 <icon> 元素。 （我还尝试了那里的 .ico 图标。）IMO，这本身应该足够了，但由于某种原因它不是。 添加了指向 <link rel="shortcut icon" type="image/x-icon" /> 图标的 .ico 元素，与普通页面类比。 添加了指向具有图标的网页的 <link rel="alternate" type="text/html" /> 元素。 以上都没有帮助。 我还发现了一个假设，即应该在域的根路径下有一个图标（类似于 http://example.com/favicon.ico），但这对我来说不是一个选择。 Google Reader 使用 http://s2.googleusercontent.com/s2/favicon?domain_url=http://domainname/foo/bar/baz.html 形式的 URL 来缓存网站图标。我已经验证他们的缓存服务只发出单个请求来获取http://domainname/favicon.ico，仅此而已；如果您提供特定页面的 URL 并不重要 - 该页面永远不会被请求，因此其中指定的任何图标都不会被考虑在内。 坏消息是，影响该图标缓存服务的唯一方法是实际为 /favicon.ico URL 提供图标。好消息是您不必在该 URL 上提供实际的 Windows 图标文件；位于该 URL 的 PNG 图像就可以正常工作。 如果您无法在服务器上托管实际的 /favicon.ico 文件，您可以设置某种重定向或 URL 重写，以便提供托管在其他位置的图标。我已经对其进行了测试，并且可以确认 Google will 会遵循重定向，甚至是站外 URL，因此您甚至不必在同一域上托管网站图标。不过，还有更多坏消息：Google 不会随该请求发送 User-Agent 标头，因此您无法仅为其图标缓存设置条件重定向。我测试中的所有请求都来自 74.125.18.0/24 网络，因此您也许能够基于此实现条件重定向。 我发现您将提要内容托管在网站上的 /ccc 子目录中，并且您可能不愿意将漫画的图标作为站点范围的图标。我还看到您的托管提供商提供至少 10 个子域（我不知道您使用的是哪个软件包，但这是他们提供的最低价格），因此您可以在您的网站上创建一个子域（例如，ccc.ro-che.info）并使用作为您的 Feed 的 URL。 Google 将尝试获取 feed 的 http://ccc.ro-che.info/favicon.ico，您只能在该子域上设置特定的网站图标资源。您还可以设置从 http://ccc.ro-che.info/* 到 http://ro-che.info/ccc/* 的重定向，以便您的漫画保持在当前位置，并且来自 Feed 链接的每个人也将被重定向到资源的当前位置。
我似乎根本无法加载我的图标，我的静态文件夹中有该图像，所有其他图像在本地和生产环境中都可以正常加载，并且我可以将图标作为图像加载，否
我的项目是一个托管在 GitHub Pages 上的作品集网站，所有图像都托管在我的大学服务器上。地址是 säll.com 我遇到的问题是在我的主分支中，我有一个 index.html 文件...
嗨，我是 nardi，我是一名正在学习 Web 开发的学生，所以我开始了我的第一个 React 应用程序，并部署在 Netfly 中，我开始在 google 中建立索引，一切都很顺利，直到我在
在过去的两周里，我一直遇到一个问题，即我的图标没有显示在浏览器的搜索结果中，尤其是在 Google 上。负责此图标的图像为 48px x 48px，并且是...
对于我的 React 应用程序，我有两个 url“app/”和“app/en”。我的客户在向主屏幕添加链接时想要不同的徽标。我当前的解决方案是为每个应用程序部署两个...
favicon.ico 缺少尺寸 32x32 48x48，尽管已声明
我向我的网站添加了所需的所有图标，并使用 realfavicongenerator 检查，直到看到以下内容： favicon.ico 缺少一些推荐尺寸的图标（16x16、32x32、48x48） 真是太
是否可以将字体样式应用于浏览器选项卡中的文本，例如在图标旁边显示页面标题的文本中。这样，当用户查看他们的浏览器选项卡时，我的网站就...
我在 nextjs 项目中遇到了 favicon 问题。我不知道为什么，但是当我检查网络时，链接标签位于 dom 上 我在 nextjs 项目中遇到了 favicon 问题。我不知道为什么，但是当我检查网络<link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32">时，链接标签位于dom上，但它没有显示在选项卡中。你知道为什么吗？这是一个常见的错误或错误吗？请告诉我。 请确保文件位于正确的位置 (/public/favicorn.ico)。 如果仍然出现，您可以尝试使用 .png 代替 .ico 来排除故障，请参阅！ 我看不到你的代码库的结构，但以通用的方式 在layout.tsx文件中 export const metadata = { icons: { icon: '/icon.png', }, }; 并使用 <link rel="icon" href="/icon.png" /> 还有！ 您在添加 png、jpg、svg 文件时，只需确保名称以 icon 开头。 重要！ 确保文件位于 public/ 中。 如果它同时位于 app/ 和 public/ 中，Next.js 无法确定选择哪一个。
Chromium 似乎显示 ico 而不是 svg favicon
我一直在通过在我的 svg 图标中使用媒体查询来修改对暗模式的支持。这可以在我的网站上看到。 我一直在通过在我的 svg 图标中使用媒体查询来修改对暗模式的支持。这可以在我的网站上看到。 <link href="favicon.svg" rel="icon" type="image/svg+xml"> <link href="favicon.ico" rel="alternate icon" type="image/x-icon"> Firefox 深色模式和浅色模式的比较 但是，当使用基于 Chromium 的浏览器（Google Chrome 版本 84）时，它使用 favicon.ico。 当我完全删除 ico 时，浏览器确实会显示 svg 图标，所以我知道它可以工作并且浏览器支持 svg 图标。然而，如果浏览器有选项的话，它似乎会选择 .ico。 我可以强制基于 Chromium 的浏览器选择 svg 图标，同时通过包含 ico 格式来保持对旧版浏览器的支持吗？应该注意的是，这些都不存储在我网站的根目录中。 不要在标记中设置，而是在站点根目录中添加 /favicon.ico 文件。支持 SVG 的浏览器将加载 SVG 图标，而其他浏览器则 GET /favicon.ico。 <link rel="icon"> 只是一种显式更改图标 URL 的方法。 源代码，HTML 规范 也许尝试将 SVG 图像放在 ICO 图像之后。
如何更改 WordPress 中所有页面的 Favicon？
我正在为一个朋友制作一个网站，它已经完成，但图标似乎给我带来了最大的麻烦。除了主页之外，所有页面都显示所需的图标，其中
添加 <i> </i> 与任何 Favicon 图标及其在 Trumbowyg 编辑器中自动创建 <SVG> 标签
在这里，在项目的 Trumbowyg 编辑器中遇到一些问题。 实际上，当我尝试在源代码中添加代码时： 你好 在这里，在项目的 Trumbowyg 编辑器中遇到一些问题。 实际上，当我尝试在源代码中添加代码时： <p>hello</p><p><br></p> <label class="click_aerrow"> <i class="fa fa-angle-down"></i> </label> 稍后会使用 SVG 标签自动转换此代码，如下所示： <p>hello</p><p><br></p> <label class="click_aerrow"> <svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-down"></i> --> </label> 我不想在我的代码中使用 SVG。所以无论如何我可以在 Trumbowyg 编辑器中阻止这个？ 我尝试了文档中提到的多种方法。 首先，我尝试使用： $.trumbowyg.svgPath = false; 然后： $.trumbowyg.svgAbsoluteUsePath = true; 然后我尝试使用 semantic 属性来删除标签，然后我也尝试使用 tagsToKeep 属性。我尝试了所有这些选项的不同组合，但有些无法解决问题。 如果我写的话我只想这样： <i class="fa fa-angle-down"> </i> 在编辑器的源代码中。它不应将此代码转换为 SVG 标签。请任何人帮助我解决这个问题。 显然您的页面还加载了 fontAwesome javaScript。 默认情况下，fontAwesome 会自动用 fa 类替换所有 <i> 元素。 由于 trumbowyg 在 可编辑 div 中显示编辑器内容，因此 fontAwesome svg 替换也会影响此 div。 作为解决方法，您可以通过数据属性禁用 svg 自动替换 <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" data-auto-replace-svg="false"></script> 或者像这样的JS let trumbo = $('#trumbowyg'); trumbo.trumbowyg({ autogrow: true, semantic: false, }); trumbo.trumbowyg('html', `<p><i class="fa fa-angle-down"></i></p>`); // disable svg replacement and automatic updating window.FontAwesome.config.autoReplaceSvg = false; window.FontAwesome.config.observeMutations = false; // enable for specific container window.FontAwesome.dom.i2svg({ node: document.getElementById('replaceFA') }) i.fa{ color:red } <!-- fontAwesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" /> <!-- disable via data attribute --> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" data-data-auto-replace-svg="false"></script> <!-- trumbowyg --> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/ui/trumbowyg.min.css " rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/trumbowyg.min.js"></script> <div id="trumbowyg"></div> <div id="replaceFA"> <p ><i class="fa fa-angle-down"></i> SVG</p> <p ><i class="fa fa-angle-up"></i> SVG</p> </div> <div id="dontreplaceFA"> <p ><i class="fa fa-angle-down"></i> Font</p> <p ><i class="fa fa-angle-up"></i> Font</p> </div>
iPhone 存储网站图标，即使它已更新且缓存/历史记录已清除
我的 iPhone XS (Safari) 上显示的图标不正确。如果我为网站添加书签或添加到收藏夹，则会显示新的/正确的图像，但如果我单击“选项卡”图标，您会在其中看到所有打开的内容...
我正在编写一个 Tampermonkey 用户脚本，我需要在每次页面图标更改时触发一个函数。 例如： 页面上的脚本将页面图标更改为另一个图标 用户脚本