Gatsby, comment changer le favicon

J'ai créé un site en utilisantGatsbyet je voulais changer le favicon.

J'ai rapidement regardé comment le changer, et le processus était très simple.

Le favicon par défaut est l'imagestatic/favicon.ico. Changez simplement cela, et vous êtes prêt.

Si vous utilisez legatsby-plugin-sharpbrancher, le favicon par défaut est l'imagesrc/images/gatsby-icon.png.

Vous n'êtes pas obligé d'utiliser ce chemin ou le même format - l'image peut également être une image SVG, par exemple: ouvrez legatsby-config.jsfichier et modifiez leplugins.gatsby-plugin-sharp.options.iconpropriété desrc/images/gatsby-icon.pngà celui que vous voulez.

Par exemple, je mets ma nouvelle image favicon danssrc/images/logo-small.svget j'ai changé cette propriété de configuration pour y pointer.

L'Irangatsby developet j'ai pu voir immédiatement Gatsby mettre à jour toutes les images de favicon, dans différentes tailles:

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: