Blogging Hugo Menggunakan Mipad 6

Posted Dec 8, 2024

Tampilan code-server di Xiaomi Mipad 6.

Pada tulisan kali ini saya mau membagikan pengalaman menggunakan Xiaomi Mipad 6 untuk mengelola website delapanpiksel.com saya.

Cerita awalnya ketika saya memutuskan membeli Xiaomi Mipad 6 untuk keperluan pengerjaan kerjaan yang ringan dan aplikasi yang ada di Android seperti canva, capcut, atau kerjaan lain yang bisa dibuka di browser Android. Mipad ini juga saya gunakan untuk hiburan, browsing, nonton, main game emulator, dan lain-lain.

Terus kepikiran apakah saya bisa mengelola Website saya (yang kebetulan menggunakan Hugo)?

Nah, repotnya menggunakan hugo ini adalah saya harus menggunakan editor seperti Visual Code (untuk di Windows dan Linux), sayangnya di Android tidak ada aplikasi editor yang bagus seperti yang ada di iPad (di iPad ada Koder). Untuk itu saya perlu riset sedikit cara coding di Android.

Setelah browsing-browsing, scroll-scroll, saya menemukan code-server, sebuah Editor yang bisa berjalan secara offline (localhost) di Android. Hanya saja untuk installnya saya mengalami banyak kesulitan, mulai dari tidak berhasil berjalan di Termux, hingga akhirnya saya menggunakan Userland. Aplikasi ini memungkinkan saya menjalankan Ubuntu GUI atau termilan doang di Android 😱.

Setelah berhasil menginstall code-server, git, hugo dan npm di Userland, saya tinggal clone Repository website saya yang ada di Github, dan untungnya untuk authentikasi akun Github saya di ubuntu userland ini cukup mudah menggunakan gh auth.

Setelah membuka code-server, cukup membuka localhost:8080 dan di awal akan ada permintaan login yang bisa saya dapatkan passnya di dalam configurasi code-server. Setelah itu tinggal menyesuaikan code server sesuai kebutuhan saya, misal menginstall ekstensi Better TOML, biar tampilan yaml saya makin mudah dibaca 🫣.

Catatan!

Ada bug pada browser di Android baik itu di Brave, Google Chrome, Opera. Bugnya itu cukup ngeselin, yaitu saya tidak bisa menghapus menggunakan tombol backspace baik itu di keyboard fisik maupun virtual. Solusinya saya menggunakan Firefox Nightly, karena entah mengapa di Firefox itu backspacenya berfungsi, dan kebetulan di antara app Firefox di Android, yang memiliki tampilan tab di atas cuman di Firefox Nightly. 😮‍💨

Hal yang saya suka dari Userland ini, ternyata hugo yang saya jalankan lokal/offline, bisa memunculkan preview di browser juga melalui alamat localhost:1313 (default) 😍.

Tampilan preview hugo di browser Android

Untuk mengupdate postingan saya, saya tinggal sync saja di source control Code Server-nya 🥹,

Happy blogging guys! 🙌.