f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-06-08 16:48:09 +00:00
Code Issues Packages Releases Activity
jekyll-theme-chirpy/_posts/2019-08-11-customize-the-favicon.md
Cotes Chung 89aa2b9370 Update docs.
2019-11-20 01:51:16 +08:00

1.1 KiB
Raw Blame History

title, date, categories, tags, toc
title date categories tags toc
Customize the Favicon 2019-08-11 00:34:00 +0800
Blogging
Tutorial
favicon
false

In Chirpy, the image files of Favicons are placed in assets/img/favicons/. You may need to replace them with your own. So let's see how to customize these Favicons.

Whit a square image (PNG, JPG or GIF) in hand, open the site Favicon & App Icon Generator and upload your original image.

upload-image

Click button Create Favicon and wait a moment for the website to generate the icons of various sizes automatically.

download-icons

Download the generated package, unzip and delete the following two from the extracted files:

  • browserconfig.xml
  • manifest.json

Now, copy the rest image files (.PNG and .ICO) to cover the original one in folder assets/img/favicons/.

At last, don't forget to rebuild your site so that the icon becomes your custom edition.