El contenido

Todo el contenido del blog lo escribo yo, Diego López, (Sobre mí), no tengo redactores, ni siquiera 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 y quiero enseñar sobre ello (o dejarlas escritas para recordarlas yo mismo, que me suelo olvidar de las cosas).

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 muy buenos así, ahora quiero intentar escribir más para la gente, de forma algo más informal y dando mi punto de vista y dando mis recomendaciones (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.

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, y para ello lo que hago es ejecutar un script en una Github action un par de veces al día, lo que se hace es crear un commit con el tweet almacenado en un fichero markdown.

Los tweets me los guardo para conservarlos, por si se cae Twitter, y también para tener el control del contenido que genero en redes, además así puedo mostrarlos en el blog sin tener que usar un widget de Twitter.

En las notas publico de todo: reflexiones, pensamientos, cosas que descubro, opiniones cortas, e incluso memes, es un reflejo de cómo soy realmente y de las cosas que se me pasan por mi cabeza.

Es posible que el script falle a veces y haya notas que no se guarden correctamente. También es posible que las imágenes se muestren sin el atributo alt (texto descriptivo), ya que es complicado pillarlo de las peticiones a Twitter, hago lo que puedo.

Los tweets de los hilos los junto en un solo fichero markdown, ya que es lo que tiene sentido, aunque meto un separador en cada tweet para que visualmente siga pareciendo un hilo (sorry por la accesibilidad).

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