自定义图标
本文将指导您创建并替换默认的网站图标。
自定义图标
Chirpy 的网站图标 favicons 放置在目录 assets/img/favicons/
中。您或许想用自己的图标替换它们。以下部分将指导您创建并替换默认的网站图标。
生成图标
准备一张尺寸为 512x512 或更大的方形图像(PNG、JPG 或 SVG),然后访问在线工具 Real Favicon Generator 并点击 Select your Favicon image 按钮上传您的图片文件。
在下一步中,网页会显示所有使用场景。您可以保持默认选项,滚动到页面底部,然后点击 Generate your Favicons and HTML code 按钮以生成网站图标。
下载和替换
下载生成的压缩包,解压并从解压的文件中删除以下两个文件:
browserconfig.xml
site.webmanifest
然后将剩余的图片文件(.PNG
和 .ICO
)复制到您的 Jekyll 站点的 assets/img/favicons/
目录下覆盖原文件。如果您的 Jekyll 站点还没有此目录,只需创建一个。
下表将帮助您了解对网站图标文件的更改:
文件 | 来自在线工具 | 来自 Chirpy |
---|---|---|
*.PNG | ✓ | ✗ |
*.ICO | ✓ | ✗ |
✓ 表示保留,✗ 表示删除。
您下次构建网站时,该网站图标将被替换为自定义版本。