如何在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 文件粘贴到静态文件夹的根目录中,请小心。
如何将网站图标添加到 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 文件粘贴到静态文件夹的根目录中,请小心。