Question

我制作了一个Hexo博客。但我无法找到添加图标的位置。我已经尝试将其添加到不同的文件夹中，但它没有找到。

是否有人知道应该添加的位置或者我还需要更新其他内容。

Answer 1

这取决于您使用的主题，检查主题文档和来源。

某些主题（例如apollo）支持favicon配置参数（theme_config.favicon参数in_config.yml）。

如果主题不支持自定义图标，则只需添加文件source/favicon.ico即可requested by browser automatically。

Answer 2

我使用Landscape，这是写作时的默认主题。

blog\blog\node_modules\hexo\node_modules\hexo-cli\assets\themes\landscape\_config.yml

在文件的底部，您会找到标题为“杂项”的部分。

# Miscellaneous 
google_analytics:
favicon: blog\themes\landscape\source\css\images\favicon.ico
twitter:
google_plus:
fb_admins:
fb_app_id:

当涉及到斜杠时，Windows可能会受到方向挑战，因此如果您使用PC，请尝试相反的方向。这对我来说有点捏造，我能够使用.ico文件以及.png。

如果您仍然需要占位符图片，我使用了Favicon.cc并且效果很好。

Answer 3

您可以在源代码中添加favicon.ico，并在blog/_config.yml

中添加一行

favicon: favicon.ico

所以，你知道source是根路径

Answer 4

我认为所有其他答案都很困惑。
现在只需三个步骤，即可将收藏夹添加到您的 hexo-blog网站，并且我以next为主题：

首先，从网络下载您喜欢的imagename.ico图像文件，或者您自己制作一个。
第二，将imagename.ico文件重命名为favicon.ico，然后将其移动到该文件夹：blog/themes/next(the theme folder you are using now)/source/images/。

最后，在该行的文件blog/themes/next/_config.yml中修改代码，如下所示：

# Put your favicon.ico into `hexo-site/source/` directory.
favicon: images/favicon.ico

完成！

Answer 5

Konstantin Pavlov是对的。例如，我使用hexo-theme-next主题。我更改了themes / next / _config.yml中的代码。

# Put your favicon.ico into `hexo-site/source/` directory.
favicon: images/favicon.ico

我把我的favicon.ico放在themes / next / source / images / favicon.ico中做得好。

Answer 6

将其添加到html代码的头部......

  <head>
    <title>Test Page</title>
    <link rel="icon" type="image/png" href="http://www.w3.org/Icons/w3c_home">
  </head>

有关详细信息，请查看W3C网站：How To FavIcon

通过查看控制台来检查页面源也很有用，因为如果检测到图标有任何问题，它会报告。