首页 ✅Blog主题(Chirpy):自定义Favicon
文章
取消

✅Blog主题(Chirpy):自定义Favicon

这篇文章将指导你如何生成你自己的 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 将被替换为自定义版本。

3️⃣ 其他资料

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