Question

如何通过blogdown网站添加图标？我使用的是minimal主题。我尝试在config.toml favicon = imgPath中添加该行，我还尝试移动＆＃39; favicon.ico＆＃39;到静态文件夹，但都没有工作。

Answer 1

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

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

Answer 2

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

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

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

2 个答案: