From 154fb049875ce121af33c82167973b3337c2ce94 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Thu, 15 Oct 2020 14:55:14 +0800 Subject: [PATCH] Add more details to the tutorial of `customize favicon` --- _posts/2019-08-11-customize-the-favicon.md | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/_posts/2019-08-11-customize-the-favicon.md b/_posts/2019-08-11-customize-the-favicon.md index a5c44d9..ec846fa 100644 --- a/_posts/2019-08-11-customize-the-favicon.md +++ b/_posts/2019-08-11-customize-the-favicon.md @@ -22,6 +22,18 @@ Download the generated package, unzip and delete the following two from the extr - browserconfig.xml - manifest.json -Now, copy the rest image files (`.PNG` and `.ICO`) to cover the original one in folder `assets/img/favicons/`. +Now, copy the remaining image files (`.PNG` and `.ICO`) from the extracted `.zip` file to cover the original files in the folder `assets/img/favicons/`. -Lastly, don't forget to rebuild your site so that the icon becomes your custom edition. +The following table helps you understand the changes to the icon file: + +> ✓ means keep, ✗ means delete. + +| File(s) | From Favicon & App Icon Generator | From Chirpy | +|---------------------|:---------------------------------:|:-----------:| +| `*.PNG` | ✓ | ✗ | +| `*.ICO` | ✓ | ✗ | +| `browserconfig.xml` | ✗ | ✓ | +| `manifest.json` | ✗ | ✓ | + + +The next time you build the site, the icon will be replaced with a customized edition.