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

How to add icon to webpage tabs in blogdown

如何将网站图标添加到 by blogdown 网站?我正在使用 minimal 主题。我尝试在 config.toml favicon = imgPath 中添加行,我还尝试将 'favicon.ico' 移动到静态文件夹,但都没有用。

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

Favicon 在 <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 }}">

如果您正在使用其他主题,例如 Academic, you might have to create an icon instead of a favicon.ico file. As per instructions here,您必须创建一个名为 icon.png 的 512x512 像素正方形图像,并将图像放在根 assets/images/ 文件夹中。对于学术主题,使用 RStudio 时,assets 文件夹位于 themes\hugo-academic 下。

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