自定义网站图标

自定义网站图标

通过这个全面概述开始学习 Chirpy 的基础知识。 您将学习如何安装、配置和使用您的第一个基于 Chirpy 的网站,以及如何将其部署到网络服务器。

自定义网站图标

Chirpy网站图标放置在 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)复制到您的 Hugo 站点的 assets/img/favicons/ 目录中,覆盖原始文件。如果您的 Hugo 站点还没有这个目录,只需创建一个。

下表将帮助您理解网站图标文件的变化:

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

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

下次构建站点时,网站图标将被自定义版本替换。

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