How to add icon to webpage tabs in blogdown

夙愿已清 提交于 2019-12-06 01:07:18

问题


How can I add a favicon to by blogdown website? I am using the minimal theme. I tried adding the line in the config.toml favicon = imgPath and I also attemped to move 'favicon.ico' to the static folder, but neither has worked.


回答1:


If you have a file named favicon.ico in root directory, most browsers will use it. The easiest way is to add favicon.ico in static directory (therefore, Hugo will copy it to root directory), see here.

Favicon is declared in <head> element. In minimal theme, the <head> element is defined in header.html file.
As you can see, the minimal theme does not provide support for favicon.

First, check if you have a layouts/partials/header.html file.
If this file does not exist, copy themes/minimal/layouts/partials/header.html file to layouts/partials directory (you may have to create this directory).

You have to modify the layouts/partials/header.html file.
Add after opening <head> tag:

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


来源:https://stackoverflow.com/questions/48491085/how-to-add-icon-to-webpage-tabs-in-blogdown

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!