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 更新了所有不同尺寸的網站圖示: