membuat web statis dengan jekyll di android

Membuat Web Statis dengan Jekyll di AndroidJekyll 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

  1. Terminal Android: bisa menggunakan Termux atau Userland
  2. Akun GitHub / GitLab / BitBucket
  3. 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.

membuat web statis dengan jekyll di android menggunakan termux by deuxly.pw

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.

membuat web statis menggunakan jekyll di android by deuxly.pw

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

membuat web statis dengan jekyll di android : deuxly.pw

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:

membuat web statis menggunakan jekyll di android : sekode

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

deuxly.pw membuat web statis dengan jekyll di android

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.

membuat web statis dengan jekyll di android by deuxly.pw

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:

membuat web statis dengan jekyll. deuxly.pw

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