文章

个性化网站图标

Chirpy主题的favicon文件存放在目录assets/img/favicons/中。你可以将它们替换为你自己的网站图标。下面的内容将一步步指导你如何创建并替换默认的favicon。

个性化网站图标

官方文章翻译版,版本:chirpy-7.4.1

Chirpy主题的 favicon 文件存放在目录 assets/img/favicons/ 中。你可以将它们替换为你自己的网站图标。下面的内容将一步步指导你如何创建并替换默认的 favicon。

生成 favicon

准备一张正方形图片(PNG、JPG 或 SVG 格式均可),尺寸建议为 512×512 或更大。然后访问在线工具 Real Favicon Generator,点击按钮 Pick your favicon image 上传你的图片文件。

在下一步中,网页会展示 favicon 在各种使用场景下的效果。你可以保持默认配置,直接滚动到页面底部,点击 Next → 按钮来生成 favicon。

下载并替换

下载生成好的压缩包,解压后,删除以下文件

  • site.webmanifest

然后将剩余的图片文件(.PNG.ICO.SVG)复制到你 Jekyll 网站中的 assets/img/favicons/ 目录,用它们覆盖原有的文件。如果你的 Jekyll 站点中还不存在该目录,可以手动创建一个。

下表可以帮助你理解 favicon 文件的替换规则:

文件来自在线工具Chirpy 自带
*.PNG
*.ICO
*.SVG

✓ 表示保留,✗ 表示删除。

下一次你构建站点时,网站的 favicon 就会被替换为你自定义的版本。

本文由作者按照 CC BY 4.0 进行授权