Hace un tiempo conté cómo había cambiado por completo el diseño de mi blog usando inteligencia artificial. En ese artículo explicaba por qué decidí hacerlo y cómo la IA me ayudó durante todo el proceso.
El tema que he creado para el blog se llama Lázaro. Está inspirado en el tema MinIndie, creado por @bacardi55. He ido construyéndolo poco a poco a mi manera, como si montara una bicicleta pieza por pieza hasta que todo funcionara exactamente como yo quería.
Cómo empezó todo
Llevo usando Hugo desde 2018 para crear mi blog. Antes había probado otros programas como Jekyll, pero al final Hugo fue el que más me gustó porque era rápido y sencillo.
Durante estos años fui cambiando muchas veces el aspecto del blog:
Primero usé Minimo, que era simple y fácil para aprender.
Después probé Archie, que tenía un diseño más limpio.
Más tarde utilicé Ficurinia, que me gustaba mucho, pero cambiar cosas era complicado.
También probé Congo y Blowfish, que tenían muchísimas opciones, aunque a veces parecían demasiado complicados.
Unos tenían demasiadas opciones que no utilizaba y otros muy pocas, y ninguno era exactamente como yo quería. Al final pensé ¿Y si hago yo mismo el tema para mi blog?
Y así nació Lázaro.
Cómo es Lázaro
Lázaro está pensado para leer y escribir cómodamente.
No intenta ser un tema lleno de efectos, animaciones o botones. La idea es que cargue rápido, que sea agradable de leer y que no moleste.
Tiene un estilo parecido a las terminales antiguas de ordenador, con letras monoespaciadas, colores simples y símbolos especiales en vez de iconos pesados.
Por ejemplo:
§significa artículos,¶significa notas,⌁significa series de artículos.
Puede parecer una tontería, pero usar símbolos simples ayuda a que la web pese menos y cargue más rápido.
Cosas importantes para mí
Antes de crear el tema hice una lista de cosas que quería conseguir.
1. Que la web fuese rápida
Esto era lo más importante. Hay páginas que tardan mucho en cargar porque usan demasiadas cosas externas: anuncios, fuentes, scripts, animaciones, vídeos automáticos, etc.
Yo quería lo contrario. Por eso Lázaro no usa fuentes de Google, no carga librerías enormes, y utiliza muy poco JavaScript.
La página pesa menos de 10 KB, que es poquísimo.
2. Que fuese cómoda de leer
Quería que el texto se viera bien en una pantalla grande, en una tablet, y también en un móvil.
Además, el tema respeta automáticamente el modo oscuro o claro del dispositivo. Si tu ordenador está en modo oscuro, la web también, no hace falta pulsar botones ni esperar cambios raros de colores.
3. Que respetara la privacidad
Muchas webs guardan información sobre las personas que las visitan. Yo no quería eso.
Las estadísticas del blog las llevo con Umami, que es una herramienta que no usa cookies ni rastreadores.
Además, el buscador funciona directamente dentro de la web usando Pagefind, así que lo que buscas no se envía a otros servidores.
Cosas interesantes del tema
Las imágenes se arreglan solas
Cuando escribo un artículo y añado una imagen, el tema hace varias cosas automáticamente:
crea versiones más pequeñas,
las comprime para que pesen menos,
y las adapta para móviles.
Así las páginas cargan más rápido sin que yo tenga que hacer nada.
El buscador
El blog tiene un buscador gracias a Pagefind. La diferencia es que funciona sin enviar datos a internet. Todo ocurre directamente en tu navegador.
Comentarios con Mastodon
En vez de usar un sistema típico de comentarios, utilizo conversaciones de Mastodon.
Cuando alguien responde a un artículo en Mastodon, esos mensajes pueden aparecer también en el blog.
El SEO
SEO son las cosas que ayudan a que buscadores como Google entiendan mejor una página web.
Por ejemplo:
que al compartir un enlace salga una imagen bonita,
que Google sepa de qué trata el artículo,
o que aparezcan rutas ordenadas en los resultados.
Todo eso el tema lo hace automáticamente. Yo solo escribo el artículo y Lázaro prepara el resto.
Sinceramente, muchas de estas cosas ni sabía que existían antes de usar IA.
Accesibilidad
Intenté que la web fuese cómoda para todo el mundo.
Por ejemplo:
se puede usar con teclado,
los botones se ven claramente,
y si alguien se marea con animaciones, la web las desactiva automáticamente.
No soy experto en accesibilidad, pero quería que el blog fuese lo más cómodo posible.
Cómo me ayudó la IA
La inteligencia artificial fue una ayuda enorme.
Me ayudó a ordenar y crear el código, a corregir errores y a entender cosas técnicas que antes me parecían imposibles.
La IA no decidió cómo debía ser el blog.
Las decisiones importantes las tomé yo: los colores, las letras, el diseño y la forma de organizar las cosas.
Comparado con otros temas
No creo que Lázaro sea el mejor tema del mundo, simplemente es el mejor para mí.
Otros temas tenían más animaciones, más opciones, más efectos o más botones, pero también eran más lentos y más difíciles de entender.
¿Para quién es este tema?
Este tema está pensado para personas que prefieren velocidad antes que efectos especiales, disfrutan de diseños simples, valoran la privacidad y quieren una web ligera y fácil de leer.
Si alguien quiere una web llena de animaciones y colores moviéndose por todas partes, seguramente este no sea su tema.
Futuro
Aunque el tema ya funciona muy bien, todavía quiero mejorar algunas cosas.
Por ejemplo, añadir botones para compartir artículos y quizá publicar el tema en GitHub o Codeberg para que otras personas puedan usarlo.
En resumen
Lázaro es un tema rápido, ligero y privado. Está hecho para escribir y leer sin distracciones.
Espero que te haya gustado, pasa un buen día. 🐧
∞ Comentarios en Mastodon
Cargando respuestas…
→ Responder en Mastodon