添加Favicon到Hexo博客

我做了一个Hexo博客。我不能找出在哪里添加图标。我曾尝试将其添加到不同的文件夹，但没有find。

有谁知道它应该被添加或者如果有什么我需要更新。

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

一些主题，如apollo支持faviconconfiguration参数（ theme_config.favicon参数in_config.yml）。

如果主题不支持自定义图标，那么只需添加文件source/favicon.ico ，它会自动被浏览器请求。

我使用的是写作时的默认主题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，并有很好的效果。

康斯坦丁·帕夫洛夫是对的。例如，我使用了hexo-theme-next主题。我更改主题/下一个/ _config.yml中的代码。

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

我把我的favicon.ico在主题/下一个/源/图像/ favicon.ico
做得好。

您可以在源floder中添加favicon.ico ，并在blog/_config.yml添加一行

 favicon: favicon.ico

所以，你知道source是根path

将此添加到HTML代码的头部分…

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

有关这方面的更多信息，请参阅W3C网站：如何使用FavIcon

通过查看控制台来检查页面源也是很好的，因为它会报告是否有任何问题检索图标。