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-sharp
complemento , 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.js
archivo y cambia la plugins.gatsby-plugin-sharp.options.icon
propiedad de src/images/gatsby-icon.png
a la que desees.
Por ejemplo, puse mi nueva imagen de favicon src/images/logo-small.svg
y cambié esa propiedad de configuración para que apunte a ella.
Corrí gatsby develop
y 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:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
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
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