如何在 blogdown 的网页标签中添加图标答案

【问题标题】：How to add icon to webpage tabs in blogdown如何在 blogdown 的网页标签中添加图标
【发布时间】：2018-07-07 13:09:01
【问题描述】：

如何在 blogdown 网站上添加网站图标？我正在使用minimal 主题。我尝试在 config.toml favicon = imgPath 中添加该行，还尝试将“favicon.ico”移动到静态文件夹，但都没有成功。

【问题讨论】：

@yihui-xie 这些点是你的：我对 Hugo 的了解都来自你的 bookdown！
@romles 阅读这本书并输入答案需要付出努力:) 没有多少人会同时做这两件事。
@troh 您是如何将favicon.ico 添加到您的最小网站的？我应该将我的 favicon.ico 文件放在哪个目录中？谢谢
@patL 请看下面
@troh 我已经尝试了上面的每一步，但我无法让它工作......还是谢谢你。

标签： r favicon hugo blogdown

【解决方案1】：

如果您在根目录中有一个名为favicon.ico 的文件，大多数浏览器都会使用它。最简单的方法是在static目录下添加favicon.ico（因此Hugo会将其复制到根目录），见here。

网站图标在<head> 元素中声明。在minimal 主题中，<head> 元素在header.html 文件中定义。
如您所见，minimal 主题不提供对 favicon 的支持。

首先，检查您是否有layouts/partials/header.html 文件。
如果此文件不存在，请将themes/minimal/layouts/partials/header.html 文件复制到layouts/partials 目录（您可能需要创建此目录）。

您必须修改layouts/partials/header.html 文件。
打开后添加<head>标签：

<link rel="icon" type="image/png" href="{{ "imgPath" | relURL }}">

【讨论】：

根目录中的 favicon.ico 有效。我无法使第二个解决方案起作用。谢谢！
也许你可以试试<link rel="icon" type="image/png" href="{{ .Site.BaseURL }}/imgPath">

【解决方案2】：

如果您使用其他主题，例如Academic，您可能需要创建一个图标而不是favicon.ico 文件。按照here 的说明，您必须创建一个名为icon.png 的正方形512x512 像素图像，并将图像放在根assets/images/ 文件夹中。对于 Academic 主题，使用 RStudio 时，assets 文件夹位于 themes\hugo-academic 下。

因此，如果您的 Hugo 主题不支持简单地将 favicon.ico 文件粘贴到静态文件夹的根目录中，请小心。

【讨论】：