Let’s add a favicon to GitHub pages

I want to change from just a gray icon to my tula icon.
While googling some tutorials, I found the word, “favicon”.

1. What is a favicon?

When you open a website, you can see a icon in tabs. It is a favicon.
I bring a screenshot of Google main page.

google_favicon.png

2. How to make a favicon?

There are lots of sites for generating favicon.ico. I use this site to make my favicon.

generator.png

(1) In the first block, click it and unzip the file. Put all the images to assets / logo.ico.

(2) In the second block, copy all the lines and paste to _includes / head.html.
Then, you should add /assets/logo.ico after the codes, href=.

tula_favicon.png

After commit all these things, you can check your beautiful favicon!


💬 Any comments and suggestions will be appreciated.

Leave a comment