Gatsby，如何更改網站圖示（favicon）

我使用 Gatsby 創建了一個網站，並想要更改網站圖示（favicon）。

我迅速查找了如何更改它，過程非常簡單。

預設的網站圖示是 static/favicon.ico 這張圖片。只需更改該圖片，然後你的網站圖示就會更新。

如果你使用 gatsby-plugin-sharp 插件，預設的網站圖示則是 src/images/gatsby-icon.png。

你不必使用相同的路徑或相同的格式 - 圖片也可以是 SVG 格式的。例如，你可以打開 gatsby-config.js 文件，並將 plugins.gatsby-plugin-sharp.options.icon 屬性從 src/images/gatsby-icon.png 更改為你想要的圖片路徑。

例如，我將我的新網站圖示放在 src/images/logo-small.svg，並將配置屬性更改為指向該圖示。

接著運行 gatsby develop，你會立即看到 Gatsby 更新了所有不同尺寸的網站圖示：

tags: [“Gatsby”, “favicon change”, “gatsby-plugin-sharp”]