8

我做了一个 Hexo 博客。但是，我无法找到在哪里添加图标。我尝试将它添加到不同的文件夹，但没有找到。

有谁知道应该在哪里添加或者是否还有其他需要更新的内容。

4

6 回答 6

5

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

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

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

于 2015-06-14T13:39:34.200 回答
2

我使用横向，这是撰写本文时的默认主题。

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

在文件的底部，您会找到一个名为 Miscellaneous 的部分。

# 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并取得了很好的效果。

于 2015-06-13T04:35:17.650 回答
2

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

favicon: favicon.ico

所以，你知道这source是根路径

于 2017-08-05T10:00:04.577 回答
1

我认为所有其他答案都很混乱。
现在只需三个步骤即可将favicon添加到您的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

完毕！

于 2020-05-26T06:38:07.090 回答
0

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

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

我把我的 favicon.ico 放在了 Themes/next/source/images/favicon.ico 中
，做得很好。

于 2017-04-07T07:57:16.053 回答
-1

将此添加到 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

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

于 2015-05-17T21:27:33.097 回答