Buat Websit Gratis dengan Jekyll di Github

Apa sih Jekyll itu?

Jekyll adalah static site generator yang pertama kali dirilis pada tahun 2008, dibuat oleh Tom Preston-Waner dengan menggunakan ruby. Jekylll bisa merender file dengan format markdown, textile dan file html biasa tentunya, templete engine yang digunakan adalah Liquid. Jekyll merupakan engine yang digunakan oleh github pages dan pihak github membolehkan kita untuk menghost website kita di repository mereka.

Cara Install Jekyll

Sebelum kita menghosting website kita digithub, sebaiknya kita siapkan dulu tools-tools yang akan kita gunakan:

Pertama cek dulu apakah ruby sudah terinstall di komputer/laptop kalian, dengan mengetikkan perintah berikut diterminal (cmd)

$ ruby -v

jika hasilnya seperti

$ ruby x.x.x bla bla bla ..

berarti ruby sudah terinstall di komputer/laptop kalian, jika hasilnya berbeda, silahkan install dulu ruby di komputer/laptop kalian, caranya untuk pengguna ubuntu, silahkan buka terminal dan ketikkan perintah berikut!

$ sudo apt-get install ruby

jika sudah terinstall, kita lanjut install jekyll, masih di terminal, ketikkan perintah berikut!

$ gem install jekyll

setelah itu, saatnya memulai membuat website kita, ketikkan perintah berikut pada terminal kalian!

$ jekyll new nama-blog-kalian

dan cd ke directori "nama-blog-kalian", karena Jekyll sudah disertakan webserver maka kalian dapat melihat website kalian secara local, untuk melakukan hal tersebut, silahkan ketikkan perintah berikut pada terminal!

$ jekyll serve

dan buka browser favorite kalian, masukkan alamat 127.0.0.1:4000, maka website kalian pun telah jadi. Saatnya kita mengupload website kalian tadi ke repositori github, caranya adalah sebagai berikut:

menamakan repositori baru di github

pilihan "Initialize this repository with a README" jangan di centang!

$ git init
$ git add --all
$ git commit -m "First commit"
$ git remote add origin remote repository https://github.com/xxx/xxx.github.io
$ git push origin master

Jika semuanya sudah benar dan berjalan lancar, silahkan buka xxx.github.io pada browser dan horeee website kalian telah online.

note: ganti xxx dengan username github kalian

Sekian terima kasih!


Related Post

Explore