我无法在选项卡中我的网站名称旁边添加网站图标。我已经检查了三个 SO 帖子并尝试了所有可能的组合。我的 logo.ico 或 logo.png 文件位于“ProjectName/public”文件夹中。从这个文件夹中,我可以访问浏览器上加载的其他图像,如果我像这样链接它们:
<body>
{{> carouselTemplate}}
</body>
<template name="carouselTemplate">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="my-slider" class="carousel slide" data-ride="carousel">
<!-- indicators dot nav -->
<!-- wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- for each slide one div [active is the first slide that is shown on the page] -->
<div class="item active">
<!-- #HERE -->
<img src="/handsbwG.jpeg" alt="hands"/>
<!-- /HERE -->
<div class="carousel-caption">
<h1>TEXT</h1>
</div>
</div>
</div>
<!-- controls or next and prev buttons -->
</div>
</div>
</div>
</div>
</template>
当我转到 localhost:3000/logo.ico 时,会显示图标(也适用于 localhost:3000/logo.png)。
不同的SO引用:
我的两个代码示例:
<link rel="icon" type="image/png" sizes="16x16 32x32" href="/logo.png">
<link rel="icon" sizes="16x16 32x32" href="/logo.ico?v=2">
最佳答案
文件必须命名为favicon.ico
,仅此而已。将 logo.ico
重命名为 favicon.ico
它应该可以工作。
header 链接可能会指向一个不同名称的文件,但我怀疑您没有将它们放在正确的位置( meteor 在知道什么将真正用作 header 方面可能很棘手)。
关于javascript - 无法在 Meteor 中加载 Favicon,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36970196/