这篇文章将指导你如何生成你自己的 Favicon 并替换默认的 Favicon。
Chirpy 自带的 Favicons 放在目录 assets/img/favicons/
下。
1️⃣ 生成图标
准备一个 512x512 或更大的正方形图片(PNG,PG 或 SVG),然后进入在线工具 Real Favicon Generator,单击按钮 Select your Favicon image 上传你的图片文件。
在下一步中,网页上将显示所有使用场景,你可以保留默认选项,滚动到页面底部,然后单击按钮 Generate your Favicons and HTML code 来生成 Favicon。
2️⃣ 下载并替换
下载生成的包,解压并删除解压后的两个文件:
browserconfig.xml
site.webmanifest
然后复制剩余的图片文件 (.PNG
和 .ICO
) 并覆盖 Jekyll 站点目录 assets/img/favicons/
中的原始文件。如果你的 Jekyll 站点还没有这个目录,你可以新建一个。
下表将帮助你了解图标文件的变动:
文件 | 在线工具 | Chirpy |
---|---|---|
*.PNG | ✓ | ✗ |
*.ICO | ✓ | ✗ |
✓ 代表文件替换成功,✗ 代表文件被删除。
在构建站点时,Favicon 将被替换为自定义版本。