2.1 KiB
2.1 KiB
title, date, description, categories, tags, pin
title | date | description | categories | tags | pin | |||
---|---|---|---|---|---|---|---|---|
自定义网站图标 | 2019-08-11 00:34:00 +0800 | 通过这个全面概述开始学习Chirpy的基础知识。 您将学习如何安装、配置和使用您的第一个基于Chirpy的网站,以及如何将其部署到网络服务器。 |
|
|
true |
Chirpy的网站图标放置在assets/img/favicons/
{: .filepath}目录中。您可能想用自己的图标替换它们。以下部分将指导您创建和替换默认网站图标。
生成网站图标
准备一张尺寸为512x512或更大的正方形图像(PNG、JPG或SVG),然后前往在线工具Real Favicon Generator,点击Select your Favicon image按钮上传您的图像文件。
在下一步中,网页将显示所有使用场景。您可以保留默认选项,滚动到页面底部,点击Generate your Favicons and HTML code按钮生成网站图标。
下载与替换
下载生成的包,解压并从提取的文件中删除以下两个文件:
- {{< markdown/filepath src="browserconfig.xml" >}}
- {{< markdown/filepath src="site.webmanifest" >}}
然后将剩余的图像文件({{< markdown/filepath src=".PNG" >}}和{{< markdown/filepath src=".ICO" >}})复制到您的Jekyll站点的{{< markdown/filepath src="assets/img/favicons/" >}}目录中,覆盖原始文件。如果您的Jekyll站点还没有这个目录,只需创建一个。
下表将帮助您理解网站图标文件的变化:
文件 | 来自在线工具 | 来自Chirpy |
---|---|---|
*.PNG |
✓ | ✗ |
*.ICO |
✓ | ✗ |
✓ 表示保留,✗ 表示删除。 {.prompt-info }
下次构建站点时,网站图标将被自定义版本替换。