logo标签列表

如何在ember-cli中使用网站图标？

ember.jsfaviconember-cli
12

我曾经在我的index模板中成功使用了favicon图标，但在其他任何模板中都没有显示出来，现在即使是我的index模板也不显示它。

我只是在开发阶段，所以我正在使用ember server。

index.html
<link rel="icon" href="favicon.ico">

为了看看它是否出现在任何地方，我只是随意地移动我的favicon文件到以下位置： app/ public/ public/assets

我认为这应该非常简单，特别是因为index页面没有改变，只是将新内容加载到其插座中，所以我无法弄清楚为什么它找不到我的favicon文件。

当运行ember server时，实际上是指向哪个根目录/？

2个回答
27
谢谢，结果发现这主要是一些临时的Firefox错误。当我重新启动后，网站图标出现在选项卡中了。 - redOctober13
我很困惑，我应该把链接标签放在哪里？ 我的任何地方都没有<head>标记。 - Eric Wilson
2
如果你正在使用 ember-cli，那么在 app/index.html 中应该有一个。@EricWilson - Dhaulagiri
对于我来说（使用ember-cli：3.25.2），index.html >> BEFORE {{content-for "head"}} >> <link rel="icon" href="/assets/favicon.ico"> 没有起作用。然而，index.html >> AFTER {{content-for "head"}} >> <link rel="icon" href="{{rootURL}}assets/favicon.ico"> 起作用了。 - Love and peace - Joe Codeswell
7

您还可以查看ember-cli-favicon。

这是一个插件，会获取您的源文件public/favicon.png，并自动输出适用于不同设备的各种favicon格式和大小，并在构建过程中将适当的HTML注入到您的index.html文件中。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接