Gatsby, como cambiar el favicon

 

 

 

Creé un sitio usando Gatsby y quería cambiar el favicon.

Rápidamente miré cómo cambiarlo y el proceso fue muy sencillo.

El favicon predeterminado es la imagen static/favicon.ico. Solo tienes que cambiarla y listo.

Si estás usando el gatsby-plugin-sharpcomplemento , el favicon predeterminado es la imagen src/images/gatsby-icon.png.

No es necesario que uses esa ruta ni el mismo formato: la imagen también puede ser una imagen SVG, por ejemplo: abre el gatsby-config.jsarchivo y cambia la plugins.gatsby-plugin-sharp.options.iconpropiedad de src/images/gatsby-icon.pnga la que desees.

Por ejemplo, puse mi nueva imagen de favicon src/images/logo-small.svgy cambié esa propiedad de configuración para que apunte a ella.

 

Corrí gatsby developy pude ver inmediatamente que Gatsby actualizó todas las imágenes de favicon, en diferentes tamaños:

Tips para principiantes de JavaScript




Tal vez te puede interesar:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

Gatsby, como cambiar el favicon

Gatsby, como cambiar el favicon

Rápidamente miré cómo cambiarlo y el proceso fue muy sencillo. Creé un sitio usando Gatsby y quería cambiar el favicon. Creé un sitio usando Gatsby y que

programar

es

https://aprendeprogramando.es/static/images/programar-gatsby-2378-0.jpg

2024-10-21

 

Gatsby, como cambiar el favicon
Gatsby, como cambiar el favicon

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences