Actualmente estoy trabajando en la creación de un blog utilizando GitHub Pages. No solo para verme genial, sino porque creo que organizar y publicar diferentes aspectos de mi vida en forma de blog me ayudará a llevar una vida más organizada. Además, debo admitir que hay un poco de romanticismo en tener un blog diseñado por mí mismo sin depender de servicios externos.

He tomado mucha inspiración de GatesNotes, que visito con frecuencia. Me encanta el diseño estilo revista y los visuales ordenados en forma de cuadrícula. Mi objetivo actual es copiar el diseño lo más fielmente posible y luego ajustarlo a mi gusto.

Untitled

El buen Bill Gates y su GatesNotes. Se ve limpio y bonito, así que lo estoy usando como referencia.

El contenido se puede añadir gradualmente, pero el diseño en sí está cada vez más cerca de lo que quiero. Qué tan limpio y bueno se vea es una preocupación para más adelante; por ahora, se trata de llenarlo poco a poco.

He intentado hacer GitHub Pages usando React antes e incluso jugueteé con Flutter recientemente, pero esta vez decidí usar Jekyll. React es más para desarrollo web y no es ideal para un blog destinado a publicaciones a largo plazo.

Jekyll tiene la ventaja de escribir publicaciones en Markdown, con el cual estoy bastante familiarizado por usar Notion. Sin embargo, aunque es fácil escribir publicaciones, hacer que se vean bonitas es otro desafío.

No había usado Jekyll antes, así que me tomó un tiempo comprender cómo funciona un sitio web estático. Estoy entendiendo la sintaxis de Liquid ahora, pero como no puedes probar las cosas directamente en la línea de comandos, fue frustrante no saber qué resultados producirían diferentes funciones. Después de 2-3 horas de prueba y error, estoy empezando a entenderlo.

Si me hubiera centrado únicamente en crear un blog con Jekyll, el trabajo de hoy estaría hecho. Pero el problema es que estoy planeando soporte multilingüe. Noté que muchas personas usan multiple-languages-plugin o polyglot. Estos son plugins, lo que significa que actualizar GitHub Pages con ellos es complicado.

Este inconveniente no es demasiado grave, ya que puedes alojar páginas estáticas usando el plugin por separado en GitHub Pages. Pero al final, no utilicé estos plugins. Aquí está el porqué:

1. No necesito soporte multilingüe extenso.

Solo quiero que la barra de menú superior cambie entre coreano e inglés, y que el contenido de la publicación cambie de idioma. Un simple botón en la parte superior derecha o inferior que cambie entre dos idiomas es suficiente.

2. Las publicaciones no se reconocían.

Con el plugin, se supone que debes colocar las publicaciones en /_i18n/{idioma}/_post/ y llamarlas según el idioma actual del sitio. Sin embargo, las publicaciones en la carpeta i18n no eran reconocidas por Jekyll. Probablemente hay una manera simple de arreglar esto (muy simple, sin duda), ¡pero no pude encontrarla después de horas de luchar con esto!

Así que implementé el soporte multilingüe con un poco de codificación manual, omitiendo el plugin. Codifiqué manualmente la barra de menú superior y configuré las URL para mostrar publicaciones en inglés con ‘en’ en la URL y publicaciones en coreano de otra manera. Es más intuitivo y directo para mí. Referencié mucho esta publicación de blog.

Ahora, lo que queda es hacerlo bonito y seguir escribiendo regularmente… lo cual será otro gran desafío.

Para escribir de manera constante, debe ser fácil. Markdown no es difícil, pero tampoco es súper fácil de usar. Así que planeo escribir en Notion y luego exportar a Markdown para el blog. ¿Cómo escribiré en inglés, te preguntas? Empezaré con ChatGPT y luego corregiré las partes raras yo mismo. Deséame suerte~