Favicon with github pages #22625
-
|
How do you create a favicon for github pages? Is there a website that you do it with? |
Beta Was this translation helpful? Give feedback.
Replies: 11 comments
-
|
Instead of uploading a file to /favicon.ico, you specify the favicon inside the <head> of each HTML page, like this: |
Beta Was this translation helpful? Give feedback.
-
|
Okay let me try that. |
Beta Was this translation helpful? Give feedback.
-
|
On top of what you said, @roryokane, if you have the _includes/head.html file in your repository or a default.html depending on the theme, you can edit the <head> section to include the favicon:
(I’m using the minima theme for my site, if you’re wondering) It really depends what theme you’re using :slight_smile: |
Beta Was this translation helpful? Give feedback.
-
|
Were you able to find a solution here? And just to clarify, are you asking how to create a Favicon? Or just how to include one in your HTML? |
Beta Was this translation helpful? Give feedback.
-
|
How to create one. And no, I have not found an answer |
Beta Was this translation helpful? Give feedback.
-
|
You need to save an image in several formats, e.g. 32x32 or use this tool here: |
Beta Was this translation helpful? Give feedback.
-
|
Thanks man! |
Beta Was this translation helpful? Give feedback.
-
|
Well… for 99% procent of the cases you need only one format these days: a 196x196 pixel PNG with transparency. Just link it in your head like this: I got the code from http://jekyllcodex.org/without-plugin/seo/. |
Beta Was this translation helpful? Give feedback.
-
|
Put this in your web pages head: |
Beta Was this translation helpful? Give feedback.
-
|
@timrossback Exactly what I needed ( _includes/head.html ). Thanks! 😄 |
Beta Was this translation helpful? Give feedback.
-
|
Is there a way to add an already created icon to a blank site? Without a theme? |
Beta Was this translation helpful? Give feedback.

You need to save an image in several formats, e.g. 32x32 or use this tool here:
https://realfavicongenerator.net/