文章

自定义站点图标(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 进行授权