Membuat Web Statis dengan Jekyll di Android – Jekyll adalah static site generator (SSG) yang digunakan untuk membuat blog statis atau membuat sebuah website dokumentasi dari sebuah project. Bahasa pemograman nya Jekyll yaitu menggunakan ruby dan menggunakan template engine Liquid. Sangat mudah untuk belajar membuat blog statis menggunakan Jekyll.
Jekyll mampu membuat teks yang biasa menjadi sebuah website statis bagus. Kecepatan situs yang menggunakan Jekyll juga terbilang sangat kencang. Jekyll tidak memerlukan database yang merepotkan seperti WordPress, sehingga sangat mudah untuk dipelajari bagaimana Cara Membuat Blog Statis Menggunakan Jekyll di Android.
Jekyll cocok digunakan untuk membuat Blog pribadi, Portofolio, Landing Page, dan Website 1 Halaman.
Bahan untuk Membuat Web Statis dengan Jekyll di Android
- Terminal Android: bisa menggunakan Termux atau Userland
- Akun GitHub / GitLab / BitBucket
- Akun Vercel (opsional
Vercel merupakan pilihan opsional karena membuat akun vercel bisa menggunakan poin kedua yaitu dengan Github, Gitlab, Bitbucket
Langkah-Langkah Membuat Web Statis dengan Jekyll di Android
Jika Anda sudah memiliki aplikasi Termux, silahkan buka aplikasi tersebut.
Menginstall Ruby
Untuk proses penginstalan Ruby, kalian cukup memasukkan perintah dibawah ini pada terminal termux atau userland.
apt update && apt upgrade -y && apt install ruby -y
Menginstall RubyGems
Setelah instalasi Ruby selesai, step berikutnya yaitu menginstall Rubygems dengan mengetikkan perintah berikut.
gem install rubygems-update
Menginstall Jekyll dan Bundler
Selanjutnya kita diharuskan untuk menginstall dua package penting yang mana tahap ini tidak boleh dilewatkan, karena untuk membuat website kita membutuhkan 2 package ini. Cukup ketikkan perintah berikut.
gem install jekyll bundler
Membuat direktori untuk website
Berikutnya untuk membuat web statis dengan jekyll caranya cukup mudah, kalian bisa menggunakan perintah berikut.
jekyll new nama-website
Jika berhasil, perintah di atas akan memberikan output seperti pada gambar berikut.
Membuka direktori Website dan Menjalankan server di local
Step berikutnya adalah membuka folder root website yang sudah dibuat dengan perintah seperti dibawah.
cd nama-website
ls
Command tersebut, akan menghasilkan output seperti berikut.
Output tersebut terdiri dari folder dan file utama pada website Jekyll yang sudah dibuat.
Menginstall dependensi Jekyll
Untuk menginstall dependensi dari Jekyll, silahkan memasukkan perintah dibawah ini ke direktori website kalian.
bundle install
Maka bundle tersebut akan mengeksekusi file Gemfile dan Gemfile.lock untuk penginstalan otomatis.
Jika proses instal selesai, akan menampilkan output seperti screenshoot ini
Menjalankan Server Lokal
Uji coba web statis yang sudah kita buat dengan localhost
Untuk menjalankannya website yang sudah dibuat tadi masukkan perintah berikut.
bundle exec jekyll serve
Jika berhasil, maka akan mengeluarkan hasil seperti ini:
Selanjutnya buka server address-nya menggunakan google chrome, Mozilla, dan lain sebagainya lalu masukkan url localhost berikut:
http://127.0.0.1:4000
atau
localhost:4000
Jika Membuat Web Statis dengan Jekyll kita berhasil, maka akan memiliki hasil seperti
Jika anda sudah melihat dan mengetahui bagimana website Anda, sekanjutnya kembali ke aplikasi Termux Anda, dan masukkan perintah CTRL+C untuk menghentikan server lokal.
Konfigurasi Web Statis Jekyll
Hal paling utama adalah mengkonfigurasi website kalian dengan mengedit file _config.yml, gunakan teks editor atau yang paling umu dan sering digunakan pada termux yaitu Nano Text Editor.
Buka terminal dan masukkan perinta
nano _config.yml
Dan tampilannya seperti berikut.
pada halaman ini, kalian bebas mengedit apapun, saya sarankan untuk berhati hati agar tidak terjadi kesalahan pada saat melakukan konfigurasi. Silahkan diubah seperlu nya aja.
Ubah hanya pada bagian atas untuk menghindari kegagalan pada saat membuat web statis dengan jekyll di android.
Untuk title, dan description, boleh bebas untuk mengisinya sesuai dengan yang kalian mau, dan untuk email, url, twitter_username, github_user, boleh sesuai dengan author, untuk mengisi baseurl harus memiliki satu halaman atau lebih.
Contoh:
Jika tahapan di atas sudah selesai, website sudah bisa kita terbangkan.
Jika sudah begitu, sekarang anda dapat mempublikasikannya
Membuat repository
Fungsi membuat repository adalah untuk mempermudah proses deploy, jadi kalian tidak perlu melakukan konfigurasi lagi pada saat deploy di hosting.
Berikut iini 3 Hosting yang bisa kalian gunakan secara gratis untuk mendeploy web statis jekyll diantaranya:
GitHub
Buat repository GitHub klik tautan berikut: GitHub
GitLab
Untuk membuat repository GitLab buka tautan berikut: GitLab
BitBucket
Untuk membuat repository BitBucket bisa di akses dengan membuka tautan berikut: BitBucket
Sekarang saya menggunakan GitHub, karena saya memiliki akun utama di GitHub.
Menghubungkan GitHub ke Vercel.com
Untuk membuka website vercel, bisa melalui tautan vercel.com
Setelah membuka tautan di atas, silahkan hubungkan akun GitHub kalian kemudian pilih Import Project, masukkan link repository github kalian, lalu langkah terakhir yaitu klik tombol Deploy.
Tunggu hingga proses deployment selesai, kalian bisa pantau menggunakan log hingga proses selesai.
Kesimpulan
Membuat web statis dengan jekyll di android dan menggunakan hosting dari vercel ini sangatlah mudah dan juga gratis yang mana kalian diberikan sertifikat SSL (HTTPS) dan juga bisa melakukan custom domain.
Jika ada pertanyaan anda dapat mengirim Telegram.
Saat ini saya sedang tertarik dengan Static Site Generator HUGO. Mungkin ke depan nya akan saya bahas Cara Membuat Blog HUGO di Android