-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
92 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
+++ | ||
title = "Goodbye Nextra, hello Hugo" | ||
description = "The story of how do I migrate this site from Nextra into Hugo, also how I'm thinking about blogging now." | ||
date = 2024-07-31T17:00:00-00:00 | ||
slug = "goodbye-nextra-hello-hugo" | ||
author = "Luis Angel Ortega" | ||
categories = ["Blogposts"] | ||
tags = ["hugo", "nextra", "blogging"] | ||
draft = false | ||
+++ | ||
|
||
This blog has been abandoned for years at this point. Since I stopped writing on [Aviyel](HTTPS://aviyel.com), I haven’t done anything very technical, and for more personal writings, I've been advised not to publish them online as freely as I used to, because some submissions consider a story "published" if it’s available on a website. | ||
|
||
That doesn't mean I've lost interest in the topic during these years; quite the opposite. Thanks to Hacker News and Mastodon, I’ve discovered a bunch of blogs that I love and that have inspired me for the next stage of my own. | ||
|
||
## The Big Static Site Generator Change | ||
|
||
Previously, my website used [Nextra](https://github.com/shuding/nextra) and was hosted on [Vercel](https://vercel.com/). Honestly, this combo made development and deployment very easy, as well as adding my custom domain. But since I adopted Nextra in a very early stage, customization was minimal. Now it seems more focused on project documentation pages, and the style can be changed through [Tailwind](https://tailwindcss.com/) helpers. | ||
|
||
Even so, during my inactive time, I came across Hugo and started playing around with it. I created several test projects with different themes and goals as practice, and while Hugo has many advantages in terms of speed for generating the website thanks to being built in Go, what caught my attention was the number of pre-made themes and how easy they are to customize. From simple things like colors or other styles via a CSS file to being able to modify essential parts of the theme like headers, the navbar, and the RSS feed. I finally settled on the [hugo-classic](https://github.com/goodroot/hugo-classic) theme with modifications to everything mentioned above. | ||
|
||
For hosting, I switched from Vercel to GitHub Pages for the convenience of having everything related to the blog in one place. The domain migration wasn't complex but had its details—nothing that deleting all the records in [Porkbun](https://porkbun.com/) and adding them again couldn’t fix. On the other hand, deployment was more complex. Hugo has a [guide](https://gohugo.io/hosting-and-deployment/hosting-on-github/#prose) in its documentation on how to deploy through an action, but in my opinion, it's incomplete. It misses things like ensuring to include the git submodule if using a theme, among other small tweaks you might need. As of writing this, the site is free of these types of errors, although there are still some style issues on mobile screens. | ||
|
||
Overall, despite the multiple attempts it took to get the site up correctly, I’m very happy with the new setup and recommend it to anyone thinking of following this path. | ||
|
||
## The New Blog Organization and Philosophy | ||
|
||
When I first created the website, I didn’t have much experience reading or following other people’s blogs, so I structured it as best I could. Now things have changed; I know what I like and don’t like, what and how to share. | ||
|
||
For now, the layout of the pages will be as follows. Since the main focus of the site is as a blog, the most extensive section will be the writings. Although the RSS feed will group all posts in one place, I didn’t want them to live like that on the site. Blogposts will be for these types of things—simply writings into the void of the internet. Articles are for guides and more technical stuff. Reviews are for writing about movies, books, games, etc. Finally, Works are for my published pieces, though at the moment there’s only one, I hope it will be one of the most extensive. | ||
|
||
Outside of the writings, Projects is a showcase of my work, like a small CV of my online footprint. About Me is, well, a short biography, and finally, The Garden is something strange and complex, but basically, it’s where everything else lives. Honestly, it’s the best section. | ||
|
||
In the index, I also list what I’m “doing”—what I’m playing, reading, listening to, and watching. It’s just a way to share what I’m passionate about at the moment, with the hope that many of those bullet points will turn into reviews. It also has my latest readings, articles that I find interesting to share and/or comment on. | ||
|
||
As for the blog’s philosophy, specifically with the "blogposts," I want to write more. I want to capture the spirit of the blogs I follow with how they share things, without necessarily writing essays or technical guides. I’d also like to write more reviews, share my notes, my favorite quotes. Stop consuming without thinking. | ||
|
||
In summary, I want the page to be an excuse to keep writing and sharing. | ||
|
||
## The Difference with Social Media | ||
|
||
Finally, I’m doing this because I no longer enjoy social media as much as I used to. What was once Twitter has fragmented, Facebook and Instagram have a horrible feed full of ads. Really, where I spend my time now is YouTube and TikTok. | ||
|
||
Besides the fact that it’s just not the same anymore, knowing that all my contacts see what I publish in their feed has made me hesitant to post. Here, it’s still public; I can keep sharing the things I’m passionate about without the certainty that everyone will see it. Everyone *can* see it, but no one is forced to. | ||
|
||
This post was just to share these thoughts, document the change this page has gone through—a rant and monologue into the air. I don’t have a real conclusion, so I’ll leave it at that. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
+++ | ||
title = "Adiós Nextra, hola Hugo" | ||
description = "La historia de la migración de este blog de Nextra a Hugo, más como lo estoy restructurando conceptualmente." | ||
date = 2024-07-31T17:00:00-00:00 | ||
slug = "adios-nextra-hola-hugo" | ||
author = "Luis Angel Ortega" | ||
categories = ["Blogposts"] | ||
tags = ["hugo", "nextra", "blogging"] | ||
draft = false | ||
+++ | ||
|
||
Este blog ha estado abandonado años para este punto. Desde que dejé de escribir en [Aviyel](HTTPS://aviyel.com) no he hecho nada muy técnico y sobre escritos más personales se me ha aconsejado no publicarlos en línea de manera tan libre como lo solía hacer, ya que hay convocatorias que cuentan como publicado un cuento si se encuentra en una web. | ||
|
||
Eso no quiere decir que durante estos años me haya desinteresado el tema, al contrario. Gracias a Hacker News y Mastodon he conocido un montón de blogs que me encantan y de donde he estado tomando inspiración para la siguiente etapa del mío. | ||
|
||
## El gran cambio de generador de sitios estáticos | ||
|
||
Anteriormente mi web se usaba [Nextra](https://github.com/shuding/nextra) y estaba *hosteada* en[ Vercel](https://vercel.com/). La verdad es que este combo hizo que el desarrollo y el *deploy* fuera muy sencillo, así como agregar mi dominio personalizado. Pero dado a que adopté el Nextra en una etapa muy temprana la personalización que se podía hacer era mínima. Ahora parece estar más enfocado en páginas de documentación de proyectos y el estilo puede ser cambiado a través de los *helpers* de [Tailwind](https://tailwindcss.com/). | ||
|
||
Aún con esto, durante mi tiempo inactivo conocí a Hugo y empecé a jugar con él. Hice varios proyectos de prueba con diferentes temas y objetivos a manera de práctica, y si bien Hugo tiene muchas ventajas en cuanto a la velocidad de generar el sitio web gracias a que está hecho en Go, lo que me llamó la atención fue la cantidad de temas ya hechos y la facilidad de personalizarlos. Desde cosas sencillas como los colores u otros estilos a través de un archivo de CSS hasta poder modificar partes esenciales del tema como los *headers*, la *navbar* y el *feed* *RSS*. Finalmente me decidí por el tema[ hugo-classic](https://github.com/goodroot/hugo-classic) con modificaciones en todo lo mencionado anteriormente. | ||
|
||
Para el hosting pasé de Vercel a GitHub Pages, por facilidad de tener todo lo relacionado con el blog en un mismo lugar. La migración del dominio no fue compleja pero sí tuvo sus detalles, nada que borrar todos los registros en[ Porkbun](https://porkbun.com/) y agregarlos de nuevo no haya resuelto. Por otro lado, el *deployment* fue más complejo. Hugo tiene en su documentación una[ guía](https://gohugo.io/hosting-and-deployment/hosting-on-github/#prose) de como hacer el *deploy* a través de una acción, pero en mi opinión está incompleta. Faltan cosas como si se está usando un tema asegurarse de incluir el submódulo de git entre otras pequeñas cosas que se puede tener que llegar a necesitar modificar. Al día de escribir esto el sitio está libre de errores de este tipo aunque sí hay algunos temas con el estilo en pantallas de móviles. | ||
|
||
En general, a pesar de los múltiples intentos que me tomó tener el sitio arriba de manera correcta estoy muy contento con el nuevo setup y lo recomiendo a cualquiera que esté pensando en seguir por este camino. | ||
|
||
## La nueva organización y filosofía sobre blog | ||
|
||
Cuando recién creé la primera versión de la web no tenía mucha experiencia leyendo o siguiendo blogs de otras personas, entonces lo estructuré lo mejor que pude. Ahora las cosas han cambiado, se lo que me gusta y lo que no; que y como compartirlo. | ||
|
||
Por ahora el acomodo de las páginas será el siguiente. Como el enfoque principal de la página es como blog la sección más extensa es la de los escritos. Si bien el feed rss va a meter todos los post en un solo lugar, no quería que vivieran así dentro de la página. Blogposts será para este tipo de cosas, simplemente escritos al vacío del internet. Los artículos son para guías y cosas más técnicas. Reseñas es para escribir sobre películas, libros, juegos, etc. Finalmente los trabajos son para mis obras publicadas, aunque por el momento solo vivo una espero que sea una de las más amplias. | ||
|
||
Fuera de los escritos, proyectos la carta de presentación de mi trabajo, como un pequeño cv de mi huella en linea. Sobre mí es bueno, una pequeña biografía y finalmente, el jardín es algo raro y complejo pero básicamente ahí vive lo demás. La mejor sección honestamente. | ||
|
||
En el índice aparte listo que es lo que estoy "haciendo". Qué es lo que estoy jugando, leyendo, escuchando y viendo. Solo es una manera de compartir que me apasiona en el momento, con suerte muchos de esos *bulletpoints* se volverán reseñas. También tiene mis últimas lecturas, artículos que me parece interesante compartir y/o comentar. | ||
|
||
En cuanto a la filosofía del blog, específicamente con los "blogposts" quiero escribir más. Tratar de capturar el espíritu de los blogs que sigo con la manera que comparten cosas, sin necesariamente llegar a escribir ensayos o guías técnicas. Además me gustaría escribir más también reseñas, compartir mis notas, mis quotes favoritos. Dejar de consumir sin pensar. | ||
|
||
En resumen, que la página sea una excusa para seguir escribiendo y compartiendo. | ||
|
||
## La diferencia ante las redes sociales | ||
|
||
Finalmente estoy haciendo esto porque ya no disfruto como antes las redes sociales. Lo que era Twitter se fragmentó, Facebook e Instagram tienen un feed horrible lleno de anuncios. Realmente donde paso mi tiempo es YouTube y TikTok. | ||
|
||
Aparte de que simplemente ya no es lo mismo, el saber que todos mis contactos ven lo que publique en su feed me ha dado un pesar al publicar. Aquí sigue siendo público, puedo seguir compartiendo las cosas que me apasionan sin la certeza de que todo mundo lo va a ver, todo mundo lo *puede* ver pero a nadie se le va a servir forzosamente. | ||
|
||
Este post era solamente para compartir estas cosas, documentar el cambio que sufrió esta página, un rant y monólogo al aire. No tengo una verdadera conclusión, así que con esto los dejo. |