Solucionando el error del favicon en el tema Minimal Mistakes

1 minuto(s) de lectura

En el anterior artículo de la serie, tras llevar a cabo una miríada de modificaciones en el archivo _config.yml, revisamos localmente el sitio web tecleando en la terminal (Git Bash, por ejemplo) la siguiente instrucción:

bundle exec jekyll serve

Seguramente, en aquel momento, no prestamos demasiada atención a los mensajes que por consola se iban generando y directamente pasamos a comprobar cómo lucía nuestra página después de tan ingente cantidad de cambios, ¿verdad? No obstante, la terminal, de manera silenciosa, nos estaba advirtiendo de que habíamos pasado por alto cierto detalle, con este sutil mensaje:

ERROR `/favicon.ico' not found.

A primera vista, parece que se nos ha “perdido” un archivo que, por su extensión .ico y su nombre favicon, tiene que tratarse de algún tipo de icono. Como suele ser habitual en estos casos, en una era caracterizada por la “Google-dependencia”, el primer instinto es directamente buscar favicon, terminando con nuestros huesos seguramente en este artículo de Wikipedia.

Así pues, el tema nos permite la posibilidad de incorporar fácilmente un icono de página que aparecerá:

  • Encabezando la parte izquierda de la pestaña del navegador donde esté cargada nuestra página web, y
  • Si decidimos añadir el sitio a nuestros favoritos, al principio del correspondiente marcador.

Favicon de Infinitos Contrastes

Ahora bien, ¿dónde podemos encontrar iconos para nuestra web? Exacto, a ver qué nos dice Google:

Como suele ser habitual en estos casos, debemos prestar cierta atención al tema de las licencias para las imágenes.

Una vez nos hayamos decantado por una imagen en particular para que haga las veces de icono de página, simplemente la renombraremos como favicon.ico y la ubicaremos en el directorio raíz del sitio web. De esta forma, nos libraremos del anterior mensaje de error que la consola nos mostraba al revisar localmente el sitio web.

En el próximo artículo de la serie analizaremos cómo publicar una entrada en el que será el apartado del sitio web dedicado al blog, que, además, moveremos de la página de inicio (que es donde por defecto está ubicada dicha funcionalidad) para así en un futuro poder generar en dicho espacio una página de presentación.

Nota: esta entrada se ha almacenado dentro del proyecto MetaBlog, quedando así disponible para su consulta también a través del siguiente enlace.

Comentar