Implementar un favicon a la dirección web de un blog hecho con plantilla jekyll-now
Publicado por Juanjo
Al iniciar jekyll serve me he dado cuenta de que aparece un error en el terminal.
Esto se debe a que el navegador busca un icono para mostrar en la dirección web, pero no tiene la ruta.
El problema está en que en el tema jekyll-now no está creada esta ruta por defecto y tenemos que hacerlo nosotros.
Lo primero que tenemos que hacer es crear el archivo favicon.ico. En su defecto, yo he cogido el logo del blog y lo he escalado a 55x55 pixels. Después lo he guardado como favicon.jpg.
Guardamos el archivo favicon.jpg en la carpeta /images.
Ahora vamos a editar el archivo /_layouts/default.html y añadiremos estas dos líneas:
<link rel="icon" type="image/x-icon" href="https://educandogeek.github.io/images/favicon.jpg">
<link rel="shortcut icon" href="/images/favicon.jpg">
Asegúrate de poner bien en la primera linea la ruta de la imagen para enlazar a la ubicación web de tu favicon.jpg alojado en la carpera /images de tu repositorio en GitHub.
Ha de quedar como muestra la siguiente imagen (he marcado de azul dónde se tienen que copiar las dos líneas):
Guardamos, recargamos y ya está solucionado!
Fuentes donde he buscado la solución:
· https://github.com/barryclark/jekyll-now/issues/536
· https://github.com/barryclark/jekyll-now/pull/198/files
Ya sabéis que podéis encontrarme en:
· Correo electrónico: educandogeek@gmail.com
· Twitter: @jgurillo
· Suscríbete al Blog: RSS