Nota: Traducido de la versión original en Inglés.
Hoy completé la segunda migración de mi sitio web de Blogger a Hugo (previamente de una plataforma “drag and drop” a Blogger). Los principales motivadores fueron: Resaltado de sintaxis en listados de código, rendimiento del sitio y soporte multilingüe para traducción al Español.
Resaltado de Sintaxis#
Con Blogger usaba el modo compose para editar mis entradas en el blog. Para mostrar código fuente, simplemente formateaba el fragmento con una fuente monoespaciada. Ya sabía que podía haber añadido highlight.js en la plantilla del sitio, pero cambiar del modo compose al modo HTML era un no definitivo.
Ahora con Hugo, simplemente puedo usar la sintaxis de bloque de código (```), especificar un lenguaje (como Java, SQL, Bash y otros) y el sitio web muestra el fragmento de código con un resaltado de sintaxis que luce bien e incluso con un botón muy útil para copiar rápidamente el código. Por ejemplo, en mi archivo markdown puedo escribir:
```java
public static void main(String[] args) {
System.out.println("Hola Hugo");
}
```
Y Hugo lo renderizará así:
public static void main(String[] args) {
System.out.println("Hola Hugo");
}
Rendimiento del Sitio#
Un segundo motivador fue la velocidad. Mi sitio web está compuesto principalmente por páginas estáticas. Debería ser un sitio súper rápido. Blogger no me parecía tan rápido como quería y ya había estado observando e incluso probando generadores de sitios estáticos como Gatsby y otros. Estos generadores permiten centrarse en la creación de contenido utilizando, por ejemplo, markdown y suelen tener muchas integraciones y temas listos para usar.
El procesamiento de imágenes fue otro factor importante para hacer el sitio más rápido. Los tamaños de las imágenes se optimizan cuando construyes el sitio. Una característica bienvenida cuando te preocupas por el rendimiento.
¿Por Qué Hugo?#
Decidí optar por Hugo por su simplicidad y rendimiento. Tenía todas las características que necesitaba:
- Markdown para crear entradas de blog
- Sistema de comentarios
- URLs personalizables para una migración más fácil desde Blogger
- Temas responsivos con variantes oscuro/claro
- Despliegue con un clic (git push)
- i18n
- Soporte multilingüe
Hugo será mi primera opción en el futuro para sitios web estáticos como por ejemplo documentación de productos.
Conclusión#
Migrar el sitio web tomó algunas horas de investigación y evaluación, algunas horas más realizando la migración real de datos en localhost (de una archivo XML exportado de Blogger a archivos markdown), y algunas horas desplegando y actualizando correctamente los registros DNS.
Cuéntame en la sección de comentarios (también nueva) qué piensas. Todo comentario es bienvenido!
¿Te gustó este artículo? Puedo ayudar a tu equipo a implementar soluciones similares. Contáctame para saber más.