Jekyll adalah generator situs web statis yang serbaguna dan mudah digunakan yang memungkinkan Anda membuat situs web yang menakjubkan dengan mudah. ??Baik Anda seorang pengembang berpengalaman atau calon blogger, Jekyll menyediakan cara yang sederhana dan efisien untuk membangun dan mengelola situs web Anda.
Dalam artikel ini, kami akan memandu Anda melalui proses pemasangan Jekyll di Ubuntu 24.04, yang memungkinkan Anda memanfaatkan kekuatan alat yang hebat ini.
Anda tidak hanya dapat membuat blog tanpa basis data, tetapi Anda juga dapat menghosting blog Anda secara gratis di Github jika Anda tidak memiliki server. Jekyll sangat berguna jika Anda ingin dapat membuat situs statis dari terminal.
Dalam tutorial ini, Anda akan mempelajari cara menginstal jekyll di Ubuntu 22.04, dan cara membuat situs di dalamnya.
A. Spesifikasi Komputer Yang Digunakan
ns4@iwans:~$ neofetch
.-/+oossssoo+/-. ns4@iwans
`:+ssssssssssssssssss+:` ---------
-+ssssssssssssssssssyyssss+- OS: Ubuntu 24.04.2 LTS x86_64
.ossssssssssssssssssdMMMNysssso. Host: B55PS.AR5M50D TA001
/ssssssssssshdmmNNmmyNMMMMhssssss/ Kernel: 6.8.0-54-generic
+ssssssssshmydMMMMMMMNddddyssssssss+ Uptime: 7 mins
/sssssssshNMMMyhhyyyyhmNMMMNhssssssss/ Packages: 1454 (dpkg)
.ssssssssdMMMNhsssssssssshNMMMdssssssss. Shell: bash 5.2.21
+sssshhhyNMMNyssssssssssssyNMMMysssssss+ Resolution: 1024x768
ossyNMMMNyMMhsssssssssssssshmmmhssssssso WM: Openbox
ossyNMMMNyMMhsssssssssssssshmmmhssssssso WM Theme: Typewriter
+sssshhhyNMMNyssssssssssssyNMMMysssssss+ Theme: Minwaita-Vanilla [GTK2/3]
.ssssssssdMMMNhsssssssssshNMMMdssssssss. Icons: Vivacious-NonMono-Light-Blue [GTK2/3]
/sssssssshNMMMyhhyyyyhdNMMMNhssssssss/ Terminal: x-terminal-emul
+sssssssssdmydMMMMMMMMddddyssssssss+ CPU: Intel i3-2100 (4) @ 3.100GHz
/ssssssssssshdmNNNNmyNMMMMhssssss/ GPU: Intel 2nd Generation Core Processor Famil
.ossssssssssssssssssdMMMNysssso. Memory: 1803MiB / 7834MiB
-+sssssssssssssssssyyyssss+-
`:+ssssssssssssssssss+:`
.-/+oossssoo+/-.
B. Perbarui/Update APT
Sebelum Anda menginstal jekyll, pastikan untuk memperbarui basis data paket pada mesin Ubuntu 24 Anda. Memperbarui basis data paket diperlukan sebelum menginstal jekyll, untuk memastikan bahwa jekyll akan diinstal tanpa masalah.
Periksa pembaruan pada Ubuntu 24.04 Anda dengan menjalankan perintah di bawah ini.
ns4@iwans:~$ sudo apt update -y
Dan lanjutkan untuk meng-upgrade paket-paket yang sudah ketinggalan zaman, dengan menggunakan perintah upgrade.
ns4@iwans:~$ sudo apt upgrade -y
C. Instal Ruby dan Buat PATH GEM
Jekyll ditulis dalam bahasa Ruby, jadi untuk menginstal dan menggunakan Jekyll di Ubuntu 22.04, Anda harus menginstal Ruby dan paket lain yang diperlukan.
Untuk menginstall paket Ruby, jalankan saja perintah di bawah ini.
ns4@iwans:~$ sudo apt install ruby-full build-essential zlib1g-dev
Sekarang Anda perlu menambahkan Ruby package manager di file ~/.bashrc Anda, untuk memastikan bahwa Anda dapat menggunakan Rubygem untuk menginstal Jekyll di langkah berikutnya.
Tambahkan script berikut di file ~/.bashrc.
export GEM_HOME="$HOME/.gems" export PATH="$HOME/.gems/bin:$PATH"
Berikutnya, lanjutkan ke source ~/.bashrc agar perubahan diterapkan.
ns4@iwans:~$ source ~/.bashrc
D. Proses Instalasi Jekyll
Setelah Anda memperbarui sistem dan memasang persyaratan Jekyll, kini Anda dapat memasang Jekyll di komputer Ubuntu 22.04 Anda.
Untuk memasang Jekyll, jalankan perintah berikut.
ns4@iwans:~$ sudo apt-get -y install ruby-bundler ns4@iwans:~$ sudo apt-get -y install ruby-rubygems ns4@iwans:~$ sudo apt-get -y install jekyll
Kita lanjutkan dengan melihat versi dari masing-masing aplikasi yang telah anda instal di atas.
ns4@iwans:/$ jekyll -v jekyll 4.4.1
ns4@iwans:/$ su root Password: root@iwans:/# bundler -v Bundler version 2.6.5 root@iwans:/# gem -v 3.4.20 root@iwans:/# ruby -v ruby 3.2.3 (2024-01-18 revision 52bb2ac0a6) [x86_64-linux-gnu]
Berikutnya, Anda akan melihat output berikut di terminal Anda, ini berarti jekyll sedang diinstal di sistem Anda, jadi yang perlu Anda lakukan sekarang adalah menunggu proses instalasi selesai.
Setelah anda selesai menginstal Jekyll, secara default Jekyll akan membka port 4000. Aktifkan port tersebut agar segera bisa digunakan.
ns4@iwans:~$ sudo ufw allow 4000 ns4@iwans:~$ sudo ufw enable
E. Membuat Website Dengan Jekyll
Setelah semuanya selesai anda kerjakan, seharusnya anda dapat membuat Website menggunakan Jekyll. Membuat situs di Jekyll cukup mudah, dan Anda dapat dengan mudah membuat situs dengan mengikuti langkah-langkah di bawah ini.
ns4@iwans:~$ sudo mkdir -p /home/blogjekyll ns4@iwans:~$ cd /home/blogjekyll ns4@iwans:/home/blogjekyll$
Setelah itu, Anda perlu membuat direktori tempat file situs Anda akan dihosting. Jadi nama direktori harus berupa nama situs web Anda.
ns4@iwans:/home/blogjekyll$ sudo jekyll new blogsite ns4@iwans:/home/blogjekyll$ cd blogsite ns4@iwans:/home/blogjekyll/blogsite$
Langkah selanjutnya adalah menjalankan Jekyll dengan perintah di bawah ini.
ns4@iwans:/$ su root Password: root@iwans:/# cd /home/blogjekyll/blogsite root@iwans:/home/blogjekyll/blogsite# bundle exec jekyll serve --host 127.0.0.1
Untuk melihat hasilnya, anda dapat membuka Google Chrome ataupun Yandex Browser dan ketikkan "http://127.0.0.1:4000".
Selamat! Jika Anda berhasil sampai di titik ini, Jekyll sudah aktif dan berjalan di sistem Anda dan siap untuk membangun beberapa situs web yang mengagumkan. Menggunakan Jekyll telah menghemat banyak waktu dan tenaga dalam membangun situs web.
Anda juga dapat memanfaatkan kemampuan Jekyll untuk membuat dan menyesuaikan situs web statis dengan mudah.