これは何？
gatsby-blog-starter で favicon を設定する方法です。
確認環境
$ gatsby --version
Gatsby CLI version: 4.4.0
Gatsby version: 4.5.2favicon の用意
src/images/favicon.png へ配置します。
設定を変更する
gatsby-config.js
{
resolve: `gatsby-plugin-manifest`,
options: {
name: `Gatsby Starter Blog`,
short_name: `GatsbyJS`,
start_url: `/`,
background_color: `#ffffff`,
// This will impact how browsers show your PWA/website
// https://css-tricks.com/meta-theme-color-and-trickery/
// theme_color: `#663399`,
display: `minimal-ui`,
icon: `src/images/favicon.png`, // This path is relative to the root of the site..
},
},おまけ (.ico が設定できない件)
gatsby-config.js
icon: `src/images/favicon.ico`,と設定したのですが、ico は対応しておらずこのようなエラーが発生してしまいました。
今回は png を使用することにしました。
ERROR #11321 PLUGIN
"gatsby-plugin-manifest" threw an error while running the onPostBootstrap lifecycle:
Input file contains unsupported image format