Customize the Favicon
Chirpy 테마의 파비콘을 교체하는 방법을 설명함. 512x512 이상의 이미지를 Real Favicon Generator에서 생성함. 생성된 파일 중 site.webmanifest를 제외한 이미지 파일들을 다운로드하여 assets/img/favicons/ 디렉토리에 복사함으로써 파비콘을 교체함.
The favicons of Chirpy are placed in the directory assets/img/favicons/. You may want to replace them with your own. The following sections will guide you to create and replace the default favicons.
Generate the favicon
Prepare a square image (PNG, JPG, or SVG) with a size of 512x512 or more, and then go to the online tool Real Favicon Generator and click the button Pick your favicon image to upload your image file.
In the next step, the webpage will show all usage scenarios. You can keep the default options, scroll to the bottom of the page, and click the button Next → to generate the favicon.
Download & Replace
Download the generated package, unzip and delete the following file(s) from the extracted files:
site.webmanifest
And then copy the remaining image files (.PNG, .ICO and .SVG) to cover the original files in the directory assets/img/favicons/ of your Jekyll site. If your Jekyll site doesn’t have this directory yet, just create one.
The following table will help you understand the changes to the favicon files:
| File(s) | From Online Tool | From Chirpy |
|---|---|---|
*.PNG | ✓ | ✗ |
*.ICO | ✓ | ✗ |
*.SVG | ✓ | ✗ |
✓ means keep, ✗ means delete.
The next time you build the site, the favicon will be replaced with a customized edition.