Fix icon path#497
Fix icon path #497
Uh oh!
There was an error while loading. Please reload this page.
Conversation
_layouts/default.html Outdated
| <title>{{page.title }}</title> | ||
| <metaname="viewport" content="width=device-width"> | ||
| <linkrel="icon" type="image/x-icon" href="../images/logo.png"/> | ||
| <linkrel="icon" type="image/x-icon" href="images/logo.png"/> |
There was a problem hiding this comment.
It seems that @sivaraam suggested either /images/logo.png or just adding a link to it or a copy of it named favicon.ico. But this is doing something else. Is there a reason why you think Kaartic's suggestions will not work, or what you are doing is better?
There was a problem hiding this comment.
If I'm not mistaken, this is how it works:
_layouts L default.html images L logo.png And what I did then - it worked correctly, but I don't know why: rev_news / rev_news.md do not work.
But here's what confused me:
#496 (comment)
There was a problem hiding this comment.
As far as I understand, paths in the layout are referenced relatively from the path where the layout is used. So, your relative reference worked properly for the index and about pages but not for Rev News pages.
That's why I suggested using an absolute path instead.
There was a problem hiding this comment.
The favicon.ico file should be placed only at the ROOT of the repository. No need to add it to sub-folders. That way the favicon is automatically served to the browser upon request.
On some research though, it looks like using the link tag is the standardized way to serve website icons [ref]. See suggestion about how to do that below.
_layouts/default.html Outdated
| <title>{{page.title }}</title> | ||
| <metaname="viewport" content="width=device-width"> | ||
| <linkrel="icon" type="image/x-icon" href="../images/logo.png"/> | ||
| <linkrel="icon" type="image/x-icon" href="images/icons/favicon.ico"/> |
There was a problem hiding this comment.
If we're going the favicon.icon route, you could just remove the whole link tag altogether. It isn't necessary.
There was a problem hiding this comment.
Alternatively, we could fix this link tag to make it work with the logo by using an absolute link as follows:
| <linkrel="icon" type="image/x-icon" href="images/icons/favicon.ico"/> | |
| <linkrel="icon" type="image/x-icon" href="/images/logo.png"/> |
Hello. Sorry for the lack of feedback. |
3 participants
Fix#496
Not sure. Check this, please.