/ TEKNOLOGIJEKYLLTUTORIAL

Blog Jekyll Rasa Ghost

Jekyll + Casper = ?

Saya suka hal yang sederhana dan minimalis. Hitam dan putih. Tema default Ghost yaitu Casper sangat cocok dengan selera saya. Tapi sayangnya Jekyll tidak menyediakan itu. Untungnya banyak developer yang menyediakan tema Jekyll dengan gratis, salah satunya adalah jekyller.

Jekyller adalah sekumpulan orang-orang yang mendedikasikan dirinya untuk membuat tema dan plugin Jekyll secara gratis melalui Github. Mereka mempunyai banyak koleksi tema dan plugin, salah satunya adalah Jasper.

Yap, kamu benar! Jasper adalah gabungan kata Jekyll dan Casper. Sederhananya, tema Casper tapi untuk platform Jekyll. Yang menarik adalah jekyller juga membuat versi kedua dari Casper yang dinamai Jasper2. :D Nah blog ini menggunakan Jasper2 karena lebih sederhana tapi tetap elegan.

Cara instalasinya sangat mudah. Apalagi saya memulai blog ini langsung dengan tema Jasper2. Jadi tidak perlu repot ubah sana-sini.

  1. Clone repositorinya
    > git clone https://github.com/jekyller/jasper2.git
    Cloning into 'jasper2'...
    remote: Counting objects: 974, done.
    remote: Total 974 (delta 0), reused 0 (delta 0), pack-reused 974
    Receiving objects: 100% (974/974), 3.79 MiB | 1.10 MiB/s, done.
    Resolving deltas: 100% (537/537), done.
    Checking connectivity... done.
    
  2. Buka _config.yml dan sesuaikan dengan blogmu
    baseurl: /
    title: ikmal.io
    description: Blog Ikmal Syifai
    cover: assets/images/blog-cover.jpg
    logo: assets/images/blog-icon.png
    destination: _site
    ...
    
  3. Atur _data/tags.yml
    teknologi:
      name: teknologi
      description: Komputer, internet, dan sebagainya.
      cover: assets/images/teknologi.jpg
    
  4. Atur _data/authors.yml
    ikmal:
      username: ikmal
      name: Ikmal Syifai
      url_full: https://ikmal.io
      url: ikmal.io
      bio: Software Engineer @ Kata.ai
      picture: assets/images/ikmal.jpg
      facebook: ikmalsyifai
      twitter: False
      cover: assets/images/ikmal-cover.jpg
    
  5. Jalankan Jekyll server
    > bundle exec jekyll serve --watch
    Configuration file: /Users/.../ikmal.io/_config.yml
    Source: /Users/.../ikmal.io
    Destination: _site
    Incremental build: disabled. Enable with --incremental
    Generating... done in 0.513 seconds.
    Auto-regeneration: enabled for '/Users/.../ikmal.io'
    JekyllAdmin mode: production
    Server address: http://127.0.0.1:4000//
    Server running... press ctrl-c to stop.
    
  6. Jangan lupa hapus contoh post dan page jika diinginkan
  7. Upload file-file yang ada di folder _site ke hosting kamu

That’s all! Sangat sederhana, bukan?