Assalamu’alaikum, Seperti judul pada halaman ini, nanti akan belajar menggunakan jekyll. Apa itu jekyll? Jekyll adalah suatu tool/aplikasi yang memudahkan developer untuk membuat website statis. Website statis whats it this? website statis adalah tampilan web yang penggunanya tidak dapat merubah langsung melalui browser kebalikannya dengan website statis adalah website dinamis yang penggunanya dapat dengan mudah merubah tampilan website, biasanya menggunakan halaman admin.
Kalau menurut jekyll di website.
Transform your plain text into static websites and blogs.
Ada beberapa tahapan dalam proses pembuatannya.
Opsi jika belum terinstall jekyll maka ikuti langkah berikut pertama buka command prompt (windows only), kemudian ketikkan gem install jekyll
kemudian enter. Pastikan terhubung internet ya, soalnya ada proses download dari server ruby.
Pastikan sudah membuka command prompt, kemudian ketik jekyll new BelajarJekyll
lalu enter, pada perintah tersebut akan membuat website dengan nama/folder BelajarJekyll. Kemudian masuk pada folder tersebut dengan cara cd BelajarJekyll
, lalu ketik jekyll serve
untuk mengaktifkan server jekyll.
Gambar di atas menandakan server jekyll pada website sudah aktif, kemudian untuk melihat website tersebut buka url berikut http://127.0.0.1:4000/
di browser. Secara default tampilan jekyll di browser seperti ini.
Kemudian bagaimana merubah tampilan tersebut? sebelum itu mari berkenalan dengan struktur folder jekyll, berikut merupakan struktur folder jekyll;
_post
berisi tentang file yang akan di generate menjadi website yang mempunyai ekstensi md atau markdown._site
berisi tentang hasil file yang sudah digenerate menjadi website._config.yml
merupakan identitas dari website, seperti nama website, pembuat, logo, dan lainnyaSetelah mengetahui struktur folder dari jekyll, mari buat file 2018-12-07-belajar-jekyll-markdown.md
di folder _post
isilah seperti berikut, lalu save
;
---
layout: post
title: "Belajar Jekyll Markdown"
date: 2018-12-07 19:26:57 +0700
categories: jekyll update
---
Hai Dunia, Mari belajar membuat website statis menggunakan jekyll sangat mudah loh.
Muat ulang pada browser dan akan ada post baru berjudul Belajar Jekyll Markdown
jika diklik akan mendapati tampilan berikut.
Sekian penjelasan tentang bagaimana menggunakan jekyll. Mohon maaf jika ada salah kata. See yea,