Cara Nginstal Jekyll di Ubuntu - Panduan Membuat Web Statis

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.

Update APT ubuntu

ns4@iwans:~$ sudo apt update -y

Dan lanjutkan untuk meng-upgrade paket-paket yang sudah ketinggalan zaman, dengan menggunakan perintah upgrade.

Upgrade APT ubuntu

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 melakukannya, jalankan saja perintah di bawah ini.

Instal Ruby

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.

~/.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 Instal 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.

Instal jekyll

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.

Periksa versi jekyll

ns4@iwans:/$ jekyll -v
jekyll 4.4.1

Periksa versi bundler gem ruby

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 def

ault Jekyll akan membka port 4000. Aktifkan port tersebut agar segera busa digunakan.

Buka port jekyll

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.

Buat folder baru

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.

Buka port jekyll

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.