ギャツビー、ファビコンを変更する方法

を使用してサイトを作成しましたギャツビーファビコンを変更したかったのです。

私はそれを変更する方法をすぐに見ました、そしてプロセスは非常に簡単でした。

デフォルトのファビコンは画像です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そして、ギャツビーがさまざまなサイズのすべてのファビコン画像を更新したのをすぐに見ることができました。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: