Chirpy 的网站图标放置在 {{< filepath src="assets/img/favicons/" >}} 目录中。您可能想用自己的图标替换它们。以下部分将指导您创建和替换默认网站图标。

生成网站图标

准备一张尺寸为 512x512 或更大的正方形图像（PNG、JPG 或 SVG），然后前往在线工具 Real Favicon Generator，点击 Select your Favicon image 按钮上传您的图像文件。

在下一步中，网页将显示所有使用场景。您可以保留默认选项，滚动到页面底部，点击 Generate your Favicons and HTML code 按钮生成网站图标。

下载与替换

下载生成的包，解压并从提取的文件中删除以下两个文件：

• {{< filepath src="browserconfig.xml" >}}
• {{< filepath src="site.webmanifest" >}}

然后将剩余的图像文件（{{< filepath src=".PNG" >}} 和 {{< filepath src=".ICO" >}}）复制到您的 Hugo 站点的 {{< filepath src="assets/img/favicons/" >}} 目录中，覆盖原始文件。如果您的 Hugo 站点还没有这个目录，只需创建一个。

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

✓ 表示保留，✗ 表示删除。 { .prompt-info }

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