Personalizar el Favicon
Los favicons de Chirpy están ubicados en el directorio assets/img/favicons/. Puede que quieras reemplazarlos por los tuyos propios. Las siguientes secciones te guiarán para crear y reemplazar los favicons predeterminados.
Generar el favicon
Prepara una imagen cuadrada (PNG, JPG o SVG) con un tamaño de 512x512 o más, y luego ve a la herramienta en línea Real Favicon Generator y haz clic en el botón Selecciona tu imagen de Favicon para subir tu archivo de imagen.
En el siguiente paso, la página web mostrará todos los escenarios de uso. Puedes mantener las opciones predeterminadas, desplazarte hasta la parte inferior de la página y hacer clic en el botón Genera tus Favicons y código HTML para generar el favicon.
Descargar y Reemplazar
Descarga el paquete generado, descomprímelo y elimina los siguientes dos de los archivos extraídos:
browserconfig.xmlsite.webmanifest
Luego copia los archivos de imagen restantes (.PNG y .ICO) para cubrir los archivos originales en el directorio assets/img/favicons/ de tu sitio Jekyll. Si tu sitio Jekyll aún no tiene este directorio, solo créalo.
La siguiente tabla te ayudará a entender los cambios en los archivos de favicon:
| Archivo(s) | De la Herramienta en Línea | De Chirpy |
|---|---|---|
*.PNG | ✓ | ✗ |
*.ICO | ✓ | ✗ |
✓ significa mantener, ✗ significa eliminar.
La próxima vez que construyas el sitio, el favicon será reemplazado por una edición personalizada.