如何通过blogdown网站添加网站图标?我正在使用最小的主题。我尝试在config.toml favicon = imgPath
中添加该行,并且我还尝试将" favicon.ico"移动到静态文件夹,但两者都不起作用。
如果根目录中有一个名为 favicon.ico
的文件,大多数浏览器都会使用它。最简单的方法是static
目录中添加favicon.ico
(因此,Hugo 会将其复制到根目录(,请参见此处。
图标在元素中声明<head>
。minimal
主题中,<head>
元素在 header.html 文件中定义。
如您所见,minimal
主题不提供对网站图标的支持。
首先,检查您是否有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
文件。按照此处的说明,您必须创建一个名为 icon.png
的 512x512 像素正方形图像,并将该图像放在根assets/images/
文件夹中。对于学术主题,使用 RStudio 时,assets
文件夹位于themeshugo-academic
下。
因此,如果您的 Hugo 主题不支持简单地将 favicon.ico 文件粘贴到静态文件夹的根目录中,请小心。