自定义站点图标(Favicon)
自定义站点图标(Favicon)
Chirpy 的 站点图标 位于 assets/img/favicons/ 目录中。你可能想用自己制作的图标替换它们。下面的章节将指导你创建并替换默认的站点图标。
生成站点图标
准备一张尺寸为 512x512 或更大的正方形图片(PNG、JPG 或 SVG),然后访问在线工具 Real Favicon Generator,点击 Pick your favicon image 按钮上传你的图片文件。
在下一步中,网页会显示所有使用场景。你可以保留默认选项,滚动到页面底部,点击 Next → 按钮来生成站点图标。
下载并替换
下载生成的压缩包,解压后从解压出来的文件中删除以下文件:
site.webmanifest
然后把剩余的图片文件(.PNG、.ICO 和 .SVG)复制过去,覆盖你 Jekyll 站点 assets/img/favicons/ 目录中的原始文件。如果你的 Jekyll 站点还没有这个目录,直接创建一个即可。
下表可以帮助你理解站点图标文件的变化:
| 文件 | 来自在线工具 | 来自 Chirpy |
|---|---|---|
*.PNG |
✓ | ✗ |
*.ICO |
✓ | ✗ |
*.SVG |
✓ | ✗ |
✓ 表示保留,✗ 表示删除。
下次构建站点时,站点图标将被替换为自定义版本。
本文由作者按照
CC BY 4.0
进行授权