# 自定义网站图标

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

发表于 %Y/%m/%d
作者 一凡
1 分钟 阅读
自定义网站图标

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 进行授权

## 最近更新

- 自定义网站图标
- 开始使用
- 撰写新文章
- 文本和排版

## 热门标签

排版 入门指南 网站图标 写作

## 文章内容

### 相关文章

## 热门标签

排版 入门指南 网站图标 写作