Remake Ulang Blog dengan Hugo
Setelah beberapa lama saya menginginkan agar blog saya selalu up to date dengan teknologi baru dan perubahan, ternyata NextJS sulit.
Sebenarnya saya awalnya hanya ingin menambahkan kolom pencarian, namun setelah mencoba memahami apa yang dilakukan kode ini, ternyata sangat susah dipahami. Entah bagaimana template yang saya gunakan bisa mengambil dan menyimpan post.
Akhirnya saya memutuskan untuk berkelana mencari kitab baru. Saya tertarik dengan Svelte, namun sepertinya otak saya belum bisa menerima bahasa JavaScript dengan baik. Pada akhirnya, saya tertarik dengan sebuah blog (saya lupa nama blognya) yang menggunakan Hugo dengan tema Paper.
Setelah niat terkumpul, saya mencoba membuat dengan Hugo, benar-benar dari nol, hanya ditambah tema. He he. Tema yang saya ambil adalah Papermod, sama tetapi lebih asyik!
Jika kamu bertanya apakah migrasi ini mudah, jawabannya tidak mudah, karena saya harus memikirkan bagaimana Hugo mendapatkan postingan saya yang ada di Ghost. Jika kamu mencoba mencari caranya, ada beberapa skrip yang bisa digunakan untuk mengonversi backup Ghost menjadi markdown.
Ternyata, setelah tidak sengaja melihat dokumentasi dari Ghost, mereka menyediakan contoh converter post dari Ghost ke dalam Markdown! Tersembunyi di laman VuePress, kamu bisa cek linknya di sini.
Setelah berhasil berubah menjadi markdown, saya ternyata tidak bisa bernafas lega.
In some rare cases posts containing code blocks can be parsed incorrectly. A workaround for that is to convert the HTML into Markdown by using a transformer, such as Turndown. … but when you have inline code in your content that contains mustache expressions or Vue-specific syntax, the renderer will still break…
Ya, banyak kendala masih ada ketika konversi. Namun, hal ini malah menambah semangat saya dan mungkin beberapa postingan ke depan akan berisi tentang temuan saya dalam mengubah postingan Ghost menjadi markdown agar bisa dipakai di Hugo.