El contenido

Todo el contenido del blog lo escribo yo, Diego López, (Sobre mí), no tengo redactores, ni nadie que revise lo que escribo, así que es posible que haya bastantes faltas de ortografía y frases mal redactadas, ya lo siento.

El contenido tampoco lo escribo gracias a la IA, quiero escribirlo todo yo mismo. Las ideas para los artículos suelen ser de cosas que uso en mi día a día (o cosas que quiera recordar en un futuro por si se me olvidan).

Al principio solo escribía artículos técnicos y tutoriales, pero he decidido que también voy a subir aquí artículos de Opinión, Sesiones de música e incluso reviews de Videojuegos (ya veremos si me canso o no).

Y es que antes intentaba escribir de forma muy correcta, pero me he dado cuenta de que ya hay muchos blogs, y muy buenos. Ahora quiero intentar escribir más para la gente, de forma algo más informal y dando mi punto de vista, (obviamente puedo estar equivocado, cada persona es un mundo).

La idea con el contenido es que esté muy enlazado, como la Wikipedia. Me he dado cuenta de que hay mucha gente con blogs que relega todo al buscador, yo quiero que los que visiten mi web naveguen de forma orgánica por el contenido.

Puede que no sea el mejor blog de programación, pero el contenido es honesto como dice el meme. Con que el contenido sirva, o entretenga a alguien ya me vale.

It ain't much, but it's honest work meme

El diseño

Desde que hice el rebranding y llame a este blog CodingPotions ya tenía medio claro que quería una estética y un estilo "mágico".

El problema es que soy muy complicado y quiero muchas cosas a la vez.

Quiero por un lado que la web tenga una estética retro, como las webs de blogs del año 2006. También quiero que el contenido se lea fácilmente por lo que no puede estar recargada y lleno de elementos. Por último quiero que la web tenga estética medieval/mágica, esto es difícil de explicar.

El resultado es el que ves, el diseño lo he hecho yo mismo probando cosas, le he dado muchas vueltas y al final ha quedado así. No he usado figma ni herramientas similares, lo he ido haciendo sobre la marcha.

Está claro que en cuanto a diseño tiene muchos fallos, yo mismo no estoy 100% convencido, pero de momento es lo que hay, probablemente en cuestión de un año o menos me canse y lo vuelva a rehacer todo, ya veremos.

Aspectos técnicos

Este blog funciona es estático, funciona con tecnología JAMStack, es decir, está construido con ficheros markdown para el contenido y sistema de templating para crear las páginas. Cuando quiero desplegar la web hay un comando que se ejecuta en el Hosting que se encarga de hacer el build del sitio y servir las página estáticas que se generan.

Si te mola el sistema y quieres algo similar pásate por el artículo de Crear un blog con ficheros markdown, que además comparto un proyecto open source que puedes usar de plantilla para tu blog.

En concreto uso Eleventy que está hecho para Node. Antes usaba Jekyll, pero se ha quedado algo obsoleto y además no suelo trabajar con Ruby. También probé Hugo, que es rapidísimo, pero lo descarté por tener que aprender Golang.

Prefiero este sistema a usar por ejemplo Next, o Astro, porque es más rápido y además no genera nada de Javascript (excepto el Javascript que escribo a mano). No necesito de framework JS porque apenas tengo elementos interactivos (el selector de tema, la previsualización de los artículos al hacer hover y poco más).

Respecto al CSS tampoco uso framework, simplemente tengo un conjunto de Variables CSS 🚧 para definir el sistema de diseño y algunas clases de utilidad. Lo malo es que los "componentes" de Eleventy no son ténicamente componentes y no te aisla los estilos, por eso he tenido que recurrir a un sistema rollo BEM (no me gusta del todo BEM y lo he adaptado).

Los artículos los escribo en ficheros markdown en Obsidian y tengo un script que los parsea y los prepara para subirlos al blog, por ejemplo descarga automáticamente una imagen para la previsualización al compartir el enlace del artículo.

Y poco más, es así de simple, como ves apenas uso librerías y sofisticados sistemas, una simple herramienta que genera htmls a partir de templates y ficheros markdown.

Las notas cortas

Una cosa que quería hacer con este blog es el guardarme los tweets que escribo en Twitter, Al principio ejecutaba un script todos los días para guardármelos en ficheros markdown, pero con los últimos cambios perdí el acceso a la API y ya no lo puedo hacer.

Ahora lo que hago es escribir a mano las notas cortas en mi blog, así también puedo decidir qué quiero conservar y qué no.

Por tanto ahora las notas se quedan para reflexiones, pensamientos, cosas que descubro, opiniones cortas y cualquier cosa que quiera guardar para leer en un futuro. Contenido como memes y tonterías varias se quedan en Twitter (ahora X).

He creado un sistema para poder tener algo parecido a los hilos de Twitter. Lo que hago añadir separadores en en los ficheros markdown para generar el hilo (sorry si es menos accesible).

Monetización

Actualmente el blog no tiene ningún tipo de monetización, publicidad ni patrocinio, ni pretendo tenerlo.

Al principio si que me hacía ilusión generar dinero con este blog, pero con el tiempo me he dado cuenta de que eso no es lo que quiero.

No es lo que quiero porque con publicidad ya no soy tan libre como antes sobre el contenido, me pasaba que me obsesionaba buscando cifras, visitas, CTR y ese tipo de métricas.

Sé que podría estar ganando bastante pasta con este sitio, pero prefiero no pensar en el dinero y no ser esclavo de marcas y empresas.

De todas formas si quieres darme una limosna/propina lo puedes hacer en Buymeacoffe