Mengenal Jekyll


Beberapa minggu belakangan, terhitung sejak awal masa liburan, gue main-main sama Jekyll dan SASS. Jekyll pada dasarnya bukan blogging platform, bukan juga CMS, tetapi static site generator. Fungsinya simple, mengubah apapun yang ada dan dia bisa, jadi sebuah HTML. Simple banget memang, kalo bikin HTML siapapun yang paham apa dasar HTML juga bisa.

HTML pada dasarnya bisa dikuasai semua orang. Contohnya, coba bikin file, nama terserah, ekstensinya .html. Contoh ya gue bikin file namanya test dan ekstensinya .html. Jadi nama filenya test.html. Lalu masukkan kode berikut:

<html>
  <head>
    <title>Hello World</title>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>

Lalu drag file tersebut ke browser dan itu udah jadi. Simple kan ?

Lalu bergunanya Jekyll dimana lut ?

Its 2014, dude. Woman are smart now.

Dave Skylark

Begitu juga html, dan css, dan javascript, atau web lebih tepatnya. Sekedar info bagi kalian yang lebih suka baca dan lupakan, blog yang sementara ini masih simple memiliki banyak baris kode hanya untuk tampilannya. Pernah mikir berapa baris kode HTML yang dimiliki situs-situs kompleks macam Github, Twitter, Google, atau yang lain ?

Disinilah Jekyll berguna. Coba pikir aja, kalo misalnya kita ingin membuat web yang responsive, maka paling engga untuk sebaris menu di header untuk di laptop, lalu jadi horizontal di tablet/smartphone, kodenya kan panjang. Kalo menggunakan Jekyll, bikin aja file bernama navbar.html di folder _includes lalu masukkan di default layout dengan cara (% include navbar.html %), Selesai. Simple kan ?

Lalu tampilan setiap halaman juga bisa di set. Misalnya gue set cuman di setiap post boleh berkomentar. Simple kan ?

Postingan ini hanya sebagai pengenalan aja bahwa sebenarnya blogging itu ga perlu platform yang powerpol. Karena kita fokus ke konten, tampilan yang simple dan ringan menurut gue penting.

Selanjutnya akan gue jelasin tentang penginstalan. Jekyll pada dasarnya perlu Ruby, info lebih lanjut tersedia di Situs Ruby dan di Wikipedia tentang Ruby (programming language).

Ciao

Post Lainnya

Say Hello to jekyll-boilerplate

Beberapa minggu yang lalu saya membaca ulang dokumentasi Jekyll. Mulai dari bagian ‘Welcome’ sampai habis. Sebuah pertanyaan muncul di kepala saya. Bagaimana kalau pengguna yang awam, yang belum memahami banyak tentang Jekyll, mencoba untuk memakai layanan seperti Prose atau markdown-writer (sebuah package untuk Atom) ?

Welcome to Jekyll!

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

Memahami Metode BEM

Kenapa di beberapa file penamaan class-nya banyak menggunakan – atau __ ?

Komentar

Komentar akan tampil setelah diterima.