Las naves de la magia (Libro)

De momento no llevo mucho. La trilogía anterior «La trilogía del Vatídico» me encantó tanto que cuando me enteré de que Nocturna reeditaba esta segunda trilogía al castellano me la tuve que comprar y ahí vamos.

Kingdom Come Deliverance II

Sobre «Kingdom Come Deliverance» tengo bastante más que decir, el primero fue mi juego favorito del año pasado con diferencia y este juego de momento es lo mejor que he jugado. Una pasada. Está ambientado en la europa medieval y el prota es muy carismático. Henry de Skalice es un pajini, pero es nuestro pajini.

La ambientación es una pasada, se ve increible y es divertido. El juego es tan loco que las ciudades y pueblos en el juego están en el mismo lugar que en la vida real, incluso el trazado de las calles está en el mismo sitio. No puedo decir más, una locura.

Si tiramos a leer la documentación de Hugo nos encontramos que no es muy difícil integrar algunos servicios como Disqus. Seguro que lo habéis encontrado bastante si navegáis por los lugares mas indies de internet. Hace un tiempo hice alguna búsqueda rápida para ver alternativas existían, pero acabé un poco desanimado.

Usar un servidor de comentarios de terceros le quita bastante la gracia a esto de tener un blog estático autoalojado. Además, en casi todos, es obligatorio que iniciar sesión con la típica cuenta de Google o Facebook para comentar. Siendo sinceros, mi web tampoco es que vaya a tener mucho tráfico ni muchos comentarios, por lo que me pareció un despropósito montar algo así. Total, que lo dejé bastante de lado.

Pero algo me hizo click este finde viendo el canal de PeerTube de Nick, el señor tras The Linux Experiment. Caí en la cuenta que los comentarios del video venían directamente del Fediverso (obvio, es PeerTube). Si nos fijamos en ellos vemos gente de mastodon.social, fosstodon.org… Me voló un poco la cabeza pensar que podía comentar esos videos directamente con mi cuenta de Mastodon. Y se me ocurrió que estaría muy chulo poder tener algo parecido en mi blog para los comentarios. Se que es posible federar blogs con cosillas como plugins de Wordpress o WriteFreely y sus numerosas instancias, entre las que destacaría Escritura Social. Pero la verdad, me llama bastante más la atención la sencillez de los blog estáticos.

Total, que me puse a buscar. Por que, en el Fediverso, siendo tan loco como es, fijo alguien que sí que sabe lo que hace, ha pensado lo mismo y lo ha colgado en su blog su solución. Y así fue. Carl Schwan, desarrollador en Nextcloud y KDE (un máquina), en este artículo de su blog, explica como hacer justo eso.

Recomiendo leerlo, pero también quiero explicar un poco de manera más detallada como montar todo. En un blog con Hugo debería haber una estructura de carpetas más o menos así. Lo típico.

~/blog$ tree -L1 

.  
├── archetypes  
├── content  
├── hugo.yaml  
├── layouts  
├── public  
├── README.md  
├── static  
└── themes

En mi caso, mi tema ya trae una plantilla /themes/.../layouts/partials/comments.html. Me viene en blanco prácticamente y lo voy a copiar en /layouts/partials/comments.html para poder sobreescribirlo con mis cambios. Antes de seguir, habría que asegurarse de tener este otro snippet. Si hay un comments.html o algo parecido en el tema, esto ya debería venir, pero si no, hay que ponerlo en la sección correspondiente de la web. De todos modos, no viene de más encontrarlo. En mi caso se encuentra al final de /themes/.../layouts/_default/single.html y no lo voy a modificar.

# /themes/.../layouts/_default/single.html

{{- if (.Param "comments") }}
{{- partial "comments.html" . }}
{{- end }}

Ahora sí, el contenido del archivo comments.html es el siguiente. Aquí voy a poner tal cual el de Carl, pero en mi blog lo he toqueteado un pelín y lo he traducido. Mi versión se puede encontrar aquí.

# /layouts/partials/comments.html

{{ with .Params.comments }}
<section id="comments" class="article-content">
  <h2>Comments</h2>
  <p>With an account on the Fediverse or Mastodon, you can respond to this <a href="https://{{ .host }}/@{{ .username }}/{{ .id }}">post</a>. Since Mastodon is decentralized, you can use your existing account hosted by another Mastodon server or compatible platform if you don't have an account on this one. Known non-private replies are displayed below.</p>
  <p>Learn how this is implemented <a class="link" href="/2020/12/29/adding-comments-to-your-static-blog-with-mastodon/">here.</a></p>

  <p id="mastodon-comments-list"><button id="load-comment">Load comments</button></p>
  <div id="comments-wrapper">
    <noscript><p>Loading comments relies on JavaScript. Try enabling JavaScript and reloading, or visit <a href="https://{{ .host }}/@{{ .username }}/{{ .id }}">the original post</a> on Mastodon.</p></noscript>
  </div>
  <noscript>You need JavaScript to view the comments.</noscript>
  <script src="/assets/js/purify.min.js"></script>
  <script type="text/javascript">
    function escapeHtml(unsafe) {
      return unsafe
           .replace(/&/g, "&amp;")
           .replace(/</g, "&lt;")
           .replace(/>/g, "&gt;")
           .replace(/"/g, "&quot;")
           .replace(/'/g, "&#039;");
    }
    function emojify(input, emojis) {
      let output = input;

      emojis.forEach(emoji => {
        let picture = document.createElement("picture");

        let source = document.createElement("source");
        source.setAttribute("srcset", escapeHtml(emoji.url));
        source.setAttribute("media", "(prefers-reduced-motion: no-preference)");

        let img = document.createElement("img");
        img.className = "emoji";
        img.setAttribute("src", escapeHtml(emoji.static_url));
        img.setAttribute("alt", `:${ emoji.shortcode }:`);
        img.setAttribute("title", `:${ emoji.shortcode }:`);
        img.setAttribute("width", "20");
        img.setAttribute("height", "20");

        picture.appendChild(source);
        picture.appendChild(img);

        output = output.replace(`:${ emoji.shortcode }:`, picture.outerHTML);
      });

      return output;
    }

    function loadComments() {
      let commentsWrapper = document.getElementById("comments-wrapper");
      document.getElementById("load-comment").innerHTML = "Loading";
      fetch('https://{{ .host }}/api/v1/statuses/{{ .id }}/context')
        .then(function(response) {
          return response.json();
        })
        .then(function(data) {
          let descendants = data['descendants'];
          if(
            descendants &&
            Array.isArray(descendants) &&
            descendants.length > 0
          ) {
            commentsWrapper.innerHTML = "";

            descendants.forEach(function(status) {
                console.log(descendants)
              if( status.account.display_name.length > 0 ) {
                status.account.display_name = escapeHtml(status.account.display_name);
                status.account.display_name = emojify(status.account.display_name, status.account.emojis);
              } else {
                status.account.display_name = status.account.username;
              };

              let instance = "";
              if( status.account.acct.includes("@") ) {
                instance = status.account.acct.split("@")[1];
              } else {
                instance = "{{ .host }}";
              }

              const isReply = status.in_reply_to_id !== "{{ .id }}";

              let op = false;
              if( status.account.acct == "{{ .username }}" ) {
                op = true;
              }

              status.content = emojify(status.content, status.emojis);

              let avatarSource = document.createElement("source");
              avatarSource.setAttribute("srcset", escapeHtml(status.account.avatar));
              avatarSource.setAttribute("media", "(prefers-reduced-motion: no-preference)");

              let avatarImg = document.createElement("img");
              avatarImg.className = "avatar";
              avatarImg.setAttribute("src", escapeHtml(status.account.avatar_static));
              avatarImg.setAttribute("alt", `@${ status.account.username }@${ instance } avatar`);

              let avatarPicture = document.createElement("picture");
              avatarPicture.appendChild(avatarSource);
              avatarPicture.appendChild(avatarImg);

              let avatar = document.createElement("a");
              avatar.className = "avatar-link";
              avatar.setAttribute("href", status.account.url);
              avatar.setAttribute("rel", "external nofollow");
              avatar.setAttribute("title", `View profile at @${ status.account.username }@${ instance }`);
              avatar.appendChild(avatarPicture);

              let instanceBadge = document.createElement("a");
              instanceBadge.className = "instance";
              instanceBadge.setAttribute("href", status.account.url);
              instanceBadge.setAttribute("title", `@${ status.account.username }@${ instance }`);
              instanceBadge.setAttribute("rel", "external nofollow");
              instanceBadge.textContent = instance;

              let display = document.createElement("span");
              display.className = "display";
              display.setAttribute("itemprop", "author");
              display.setAttribute("itemtype", "http://schema.org/Person");
              display.innerHTML = status.account.display_name;

              let header = document.createElement("header");
              header.className = "author";
              header.appendChild(display);
              header.appendChild(instanceBadge);

              let permalink = document.createElement("a");
              permalink.setAttribute("href", status.url);
              permalink.setAttribute("itemprop", "url");
              permalink.setAttribute("title", `View comment at ${ instance }`);
              permalink.setAttribute("rel", "external nofollow");
              permalink.textContent = new Date( status.created_at ).toLocaleString('en-US', {
                dateStyle: "long",
                timeStyle: "short",
              });

              let timestamp = document.createElement("time");
              timestamp.setAttribute("datetime", status.created_at);
              timestamp.appendChild(permalink);

              let main = document.createElement("main");
              main.setAttribute("itemprop", "text");
              main.innerHTML = status.content;

              let interactions = document.createElement("footer");
              if(status.favourites_count > 0) {
                let faves = document.createElement("a");
                faves.className = "faves";
                faves.setAttribute("href", `${ status.url }/favourites`);
                faves.setAttribute("title", `Favorites from ${ instance }`);
                faves.textContent = status.favourites_count;

                interactions.appendChild(faves);
              }

              let comment = document.createElement("article");
              comment.id = `comment-${ status.id }`;
              comment.className = isReply ? "comment comment-reply" : "comment";
              comment.setAttribute("itemprop", "comment");
              comment.setAttribute("itemtype", "http://schema.org/Comment");
              comment.appendChild(avatar);
              comment.appendChild(header);
              comment.appendChild(timestamp);
              comment.appendChild(main);
              comment.appendChild(interactions);

              if(op === true) {
                comment.classList.add("op");

                avatar.classList.add("op");
                avatar.setAttribute(
                  "title",
                  "Blog post author; " + avatar.getAttribute("title")
                );

                instanceBadge.classList.add("op");
                instanceBadge.setAttribute(
                  "title",
                  "Blog post author: " + instanceBadge.getAttribute("title")
                );
              }

              commentsWrapper.innerHTML += DOMPurify.sanitize(comment.outerHTML);
            });
          }
        });
      }
      document.getElementById("load-comment").addEventListener("click", loadComments);
  </script>
</section>
{{ end }}

Hay que saber dos cositas más. Es necesario usar DOMPurify para limpiar un poco el input de los comentarios que se van a cargar con el script. En las primeras líneas se hace referencia al archivo de JavaScript purify.min.js. En el blog, este archivo debería ser accesible en /assets/js/purify.min.js.

# /layouts/partials/comments.html

<script src="/assets/js/purify.min.js"></script>
<script type="text/javascript">

purify.min.js se puede descargar del repo de DOMPurify. El enlace concreto es este. Pues nada, para que al compilar la web con Hugo, sea accesible en la ruta correcta, tenemos que copiar purify.min.js en /static/assets/js/purify.min.js, porque, recuerdo, todo lo que esté en la carpeta /static/, acabará en la raíz / del blog al compilarlo con el comando hugo.

Muy bien, ahora el único problemilla es que funciona, pero queda todo bastante feo. Falta el css. Este paso me ha costado un pelín, porque Carl Schwan comparte sus hojas de estilos escritos en SCSS, no en CSS. Para usarlas en Hugo sin instalar nada adicional hay que compilarlas a CSS. Lo he dejado hecho aquí con unas pequeñas modificaciones para usarlo directamente. De todos modos, si os da curiosidad, como se compila un SCSS, se explica en la web del lenguaje SASS. Yo no tenía ni idea, la verdad.

El archivo comments.css puede ir en cualquier lugar, como en /static/css/comments.css, y hay que referenciarlo en el html del blog de este modo (esto puede escribirse perfectamente en algún sitio de comments.html).

# /layouts/partials/comments.html

<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/comments.css">

Aquí se usa {{ .Site.BaseURL }} para que al compilar el blog, el href quede tal que así href="https://sudodnf.com/css/comments.css". Con esto, lo único que falta, es modificar la configuración en hugo.yaml, y poner lo siguiente en la sección params.

# /hugo.yaml

params:
	comments: true

Y ahora, en el YAML de cada entrada del blog, agregar el enlace de un toot de Mastodon, que es de donde se van a buscar los comentarios al pulsar el botón.

# /content/articulo.md

---
comments:
  host: masto.es
  username: peps
  id: 109774012599031406
---

Así queda todo listo. De todos modos, el código fuente de este blog es accesible, y si no, la entrada de Carl y la documentación de Hugo deberían servir para resolver dudas. También podéis preguntar o escribir cualquier cosilla en la sección de comentarios, guiño guiño.

Y con esto y un bizcocho…

Este 2025 ha sido un año en el que he aprendido muchísimas cosas y me he concienciado mucho sobre la dependencia que tenemos en tecnologías y servicios estadounidenses. Si hace un año el tema estaba caldeado, creo que ahora nadie puede negar que migrar hacía la soberanía digital europea es un movimiento que vamos a tener que hacer si no queremos depender de cualquier zumbado del otro lado del charco.

Por eso mismo, he pasado el último año aprendiendo y tratando de migrar todo lo que uso a alternativas o europeas o más privadas. Entre los servicios que usaba se encuentran bastantes de Google. Gmail y Drive siendo los servicios más importantes para mí. También usaba bastante Calendar, Photos o Maps.

También he tratado de depender menos de Microsoft. Este año ha sido mi primer año a tope con Linux, sin tener en cuenta que en el trabajo sigo usando Windows y Office. En principio Office debería de poderse sustituir fácilmente por LibreOffice y así es, pero si le mando a mis jefes un texto en .odt en vez de .docx y haya algo movido por culpa de no usar Word, seguro que les da algo. Hay luchas en las que es mejor no entrar y creo que el software que se usa para trabajar es una de ellas. En esto, estoy convencido de que el tiempo me dará la razón.

Self-host

En la búsqueda de alternativas y huyendo un poco de las empresas tecnológicas estadounidenses acabé descubriendo el mundo del self-host y todas las alternativas de código abierto que existen. A finales de 2024 me hice con una Raspberry Pi 5 y compré mi primer dominio, sudodnf.com. No es el mejor nombre del mundo pero es de los pocos que se me ocurrieron y me convencía para probar. Gracias a eso he podido aprender a hostear un blog, el cual no uso, pero fue muy divertido montarlo y ver como funciona.

Aunque siendo sincero, lo que me hizo tomar esa decisión fue descubrir Nextcloud y su imagen de Docker Nextcloud AIO, que es una alternativa directa a los servicios de Google super fácil de configurar en una Raspberry Pi (digo esto tras pasar horas teniendo que aprender a usar la Raspberry, aprender Docker de cero, aprender sobre reverse proxys y leer mucha documentación de todo lo que hago, una movida…).

El caso es que descubrir nuevas alternativas e intentar hostearlas en mi propia máquina ha sido uno de mis hobbies este último año, no por que me haya vuelto uno de los diez locos y no quiera dar mis datos a nadie, si soy un zumbado que ni redes sociales tiene, si no porque aprender cosas que puedo poner en práctica me parece algo genuinamente divertido.

Para hacer un resumen de que estoy corriendo en casa desde este último año que me parece interesante dejo por aquí una pequeña lista con enlaces:

• Nextcloud Web, Docker (Reemplazo toda la suite de Google. Fuck Google.)
• Forgejo Web, Docker (Reemplazo de Github. Fuck Microsoft.)
• Vaultwarden Repo (Gestor de contraseñas reemplazo de Bitwarden)
• Ejabberd Web, Docker (Reemplazo de WhatsApp. Fuck Meta. Aunque quizás montar un servidor XMPP en casa es algo más avanzado y no tan recomendable, es de lo que más uso.)

Este año, hemos instalado en casa placas solares, por lo que además de que una Raspberry consume nada (calculo que unos 7 € de luz al año), en concreto la mía está 100 % corriendo con energía solar, así que también Fuck empresas eléctricas supongo. Todo esto que tengo montado es sostenible y tenerlo corriendo 24/7 tiene 0 impacto para el medio ambiente, lo cual mola mucho y me anima bastante.

Hay cosas que no se puede o no tiene sentido hostear por uno mismo, pero incluso en eso es posible buscar alternativas, creo que el mayor ejemplo que existe de esto es como he abandonado las redes sociales y ahora tengo mi cuenta de Mastodon en masto.es. O en vez de GitHub, se puede usar Codeberg (Alemania).

Videojuegos

Este último año estoy comprando más videojuegos en GOG, una tienda de videojuegos digitales basada en Polonia donde todo lo que compras viene sin DRM. Esto es un tema aparte, pero básicamente te dan los archivos del juego sin restricciones de ningún tipo para descargarlos ni jugarlos ni nada. Steam me gusta, pero seguimos dependiendo en que no se vuelva un villano o nos prohíba el acceso a lo que hemos comprado. En GOG eso da igual, lo que has comprado te lo descargas y es tuyo, aunque GOG explote vas a seguir teniendo tus juegos. Eso mola.

Mail

Una cosa que no quiero hostear en casa son los servidores de mail. Se que es posible, pero el mail es una cosa en la que tengo que poder depender. He ido explorando alternativas y de entre las gratuitas y basadas en Europa me he quedado con Infomaniak (Suiza), que ha pasado a ser mi mail principal, pero aún mantengo mis cuentas de Gmail. La solución ideal creo que sería tener un dominio propio para mails y usar Infomaniak o Tuta (Alemania) como servidor, pero esto cuesta dinero y de momento no se me ocurre ningún nombre de dominio que quiera usar.

Planes a futuro

De momento sudodnf.com ha sido renovado un año más, por lo que tengo todo este 2026 para pensar en nombres, pero sí que me gustaría tener un nuevo dominio este año más premeditado, para poner por lo menos todas las cosas hosteadas que tengo. Y opcional, pero que sería ideal sería tener dominios independientes para el blog y otro para mails, que en verdad los .es son la mitad de baratos que los .com y tampoco me costaría más.

Para concluir, 2025 ha sido un año de aprender y de construir, pero eso tampoco quiere decir que todo sea perfecto. Por ello, este 2026 me gustaría afinar todo lo que ya tengo para que sea más robusto y fácil de mantener a largo plazo. Y por mi parte, ser más consciente con las cosas que compro y utilizo en mi día a día. Aunque parezca que no, existen alternativas mejores para todo.

Service as a Software Substitute, or SaaSS, is another way to give someone else power over your computing

— Richard Stallman (GNU Project)

No se si os pasa lo mismo, pero tengo la impresión de que internet antes molaba. Se sentía como magia cuando aparecieron servicios como Google Drive o Dropbox y podías guardar tus archivos allí, en la «nube» y no tener que llevar más un pen drive para guardarte tus cosillas.

Después de estar años acostumbrados a Word y a trabajar en local, de repente podías editar documentos con otras personas usando un Google Docs o más tarde Microsoft 365. ¿Para qué usar PowerPoint cuando puedes usar Canva que es igual, pero gratis, en internet y más bonito? La gente en el instituto y la universidad se volvía loca haciendo presentaciones saturadísimas con un montón de stickers y animaciones. Magia…

Cuando descubrí Notion hace unos años me encantó. Es un bloc de notas super completo: fotos, iconos, notas dentro de notas y bases de datos en forma de tablita. La ostia. La aplicación móvil no estaba mal, pero la de escritorio era increíble y siempre sincronizado en tus dispositivos. Empecé a usarlo para todo. ¿La lista de videojuegos jugados y por jugar que tenía en un archivo de texto? Una base de datos. ¿La organización de las vacaciones? Una nota super chachi con un mapa interactivo incrustado y un par de listas. Notion sirve para todo.

Dicho así parece que os estoy vendiendo Notion, pero no, no os equivoquéis. Notion tiene un pequeño gran problema. No se puede usar sin internet. Es una cosa sin mucha importancia, si total, siempre tenemos acceso a internet. Siempre estamos conectados. Parece algo trivial, ya que cada vez más servicios lo requieren. Para mí también lo era, hasta que me empecé a preguntar por qué eso es así. ¿Por qué no puedo abrir sin internet unos archivitos que solo contienen un par de párrafos de texto y que deben de pesar uno o dos kilobytes?

La respuesta es fácil. Tus archivos no se guardan en tu ordenador. Están guardados en el algún lugar abstracto que llamamos nube y que cada vez se utiliza más como un término confuso para confundir a los usuarios. La nube no es un ente abstracto y nuestros datos no van volando por el cielo, libres y sin rumbo hasta que accedemos a ellos, no. La nube es simplemente el ordenador de otra persona. Haciendo una búsqueda rápida, todas las webs de Notion y la aplicación web que usamos en el navegador resuelven en las IPs de Notion Labs, Inc. en en San Francisco.

Si lo piensas es una locura. Hemos estado meses creando notas en Notion para que se guarden en un servidor en San Francisco a las que, si quieremos acceder, hay que pedir de vuelta por internet porque ni siquiera las tenemos descargadas en local. No es que se guarde una copia de seguridad allí, es que solo están allí. Es cierto que se pueden exportarlas, pero a mi toda esta situación me genera más preguntas que respuestas.

El tema es que Notion no es el villano aquí, son solo un reflejo de lo que está ocurriendo a un nivel más general. Poco a poco se han ido reemplazando los programas en local con SaaSS (Service as a Software Substitute). Todos esto servicios almacenan la información en sus servidores y la mayoría de ellos comienzan siendo super mega guays, pero estas cantinelas ya nos las conocemos. Empiezan siendo gratis y enfocándose en que la experiencia de usuario sea increíble, mientras que poco a poco meten suscripciones de pago, y esconden la suscripción gratis en una esquinita perdida. Llega un momento en el que tú solo quieres usar la aplicación, pero cada vez es más difícil esquivar la publicidad y los botoncitos para que pagues. Nos hacen sentir como si fuésemos unas sucias ratas que a las que les parece mucho 9.90 $ al mes por poder poner stickers más grandes, borrar el fondo de imágenes o tocar un botón y dejar que una IA se invente algunos párrafos con referencias falsas porque no sabe de que va tu presentación.

El problema aquí es que, como usuarios, cada vez tenemos menos control sobre nuestros datos y sobre los programas que utilizamos para llevar a cabo nuestras tareas. No sabemos quien tiene acceso a nuestros archivos, qué procesos realmente lleva a cabo el servidor donde se guardan nuestros datos, o cosas tan sencillas como saber si la contraseña que hemos usado para entrar en la página web se guarda tal cual en la base de datos con los futuros problemas que un leak podría causarnos.

¿En un mundo así, qué nos queda? ¿Resignarnos y darles nuestros datos y dinero a estas empresas que poco a poco nos canibalizan? No os voy a mentir, no confío en que la situación vaya a mejorar mucho, pero hay que decir que sí que hay alternativas.

La alternativa más sencilla pasa por dejar de utilizar estos servicios para buscar alternativas que puedan correr en nuestro ordenador offline. En este campo, el Open Source tiene mucho que decir. Por desgracia no está tan extendido como los SaaSS. Es posible que entre algunas de las razones sea que el software libre por su componente comunitaria tarda mucho tiempo en desarrollarse, además de no invertir dinero en publicidad o directamente que el software libre es gratis mientras que los SaaSS suelen ser bonitos, se publicitan y además tienen modelos de suscripción. Y queramos o no, si un servicio visualmente es más bonito y además cuesta dinero, es muy fácil pensar que es de mayor calidad que un programa de código abierto que sea gratis. Esto es un pensamiento falaz, ya que no siempre es así.

Estamos cambiando comodidad por privacidad y libertad. Este es un trabajo que cada uno tiene que hacer: valorar realmente que quiere usar y que esta dispuesto a dar a cambio.

La realidad es que es complicado huir de estos servicios y muchas veces es necesario informarse bien de lo que necesitamos y de que alternativas hay. Quiero finalizar este post con una pregunta: ¿De verdad necesitamos usar servicios para llevar a cabo nuestras tareas diarias con el ordenador?