Bootstrap documentation versi offline

sinar-soft.com

Bootstrap adalah “open source toolkit” untuk mempercepat proses development terutama dalam hal desain dan layout sebuah website.

Saya juga menggunakan Bootstrap untuk merancang layout dari beberapa project yang saya kerjakan. Sering kali saya harus berkali-kali membuka halaman dokumentasi online Bootstrap di getbootstrap.com.

Bagaimana jika jaringan internet putus atau tidak ada jaringan internet ? 🙁 🙁 Bikin jengkel pastinya 😀 😀 produktivitas terhambat = gajian telat 😡 😡

Lalu bagaimana cara membuka dokumentasi Bootstrap secara offline ? Ikuti terus tutorial ini.

#Tutorial


Catatan

  • Tujuan akhir: mengcompile halaman Bootstrap documentation dari online menjadi offline saja, bukan yang lainnya.
  • OS yang saya gunakan adalah Windows 8.
  • Code editor yang saya gunakan: Visual Studio Code v1.17.0.

Langkah-langkah:

#Langkah 1

Download Bootstrap versi terakhir di https://getbootstrap.com. Klik tombol download.

sinar-soft.com

 

Lalu extract di directory terserah anda. Saya extract di E:/document.

sinar-soft.com

 

#Langkah 2

Buka folder Bootstrap di Visual Studio Code atau code editor yang anda sukai.

Lalu masuk ke folder docs/4.0. Di folder itulah team Bootstrap menulis documentasinya.

Jika kita cermati satu-persatu folder tersebut. Coba kita buka folder getting-started. Di folder itulah halaman getting-started milik Bootstrap ditulis, menggunakan file berekstensi .md, yaitu file dari markdown.

Apa itu Markdown ?

Kalian bisa membaca di website Markdown.

sinar-soft.com

 

#Langkah 3

Buka file _config.yml di Visual Studio Code atau code editor lain yang anda sukai. _config.yml adalah file konfigurasi Jekyll. Jadi file ini akan menjadi titik acuan Jekyll mengcompile file Markdown.

Apa itu Jekyll ?

Menurut situs resminya: Transform your plain text into static website or blogs. Yang artinya, Jekyll akan mengubah text menjadi website statis ataupun blog. Jekyll mendukung penulisan dalam bentuk file Markdown yang sudah kita bahas sebelumnya.

sinar-soft.com

 

Untuk dapat menjalankan Jekyll, kita harus menginstal Ruby , karena Jekyll adalah gem dari Ruby. Oleh karena itu silakan menginstall Ruby lalu Jekyll.

sinar-soft.com

 

#Langkah 4

Buka terminal di Visual Studio Code.

E:\path\to\bootstrap\ lalu ketik bundle install.

Secara otomatis, Ruby akan menginstal semua dependencies seperti yang tertulis di dalam file _config.yml.

sinar-soft.com

 

Setelah proses di atas selesai, lalu ketik bundle exec jekyll serve.

Jekyll akan mengcompile file Markdown dan menyusunnya di dalam folder .gh_pages.

sinar-soft.com

 

Lalu buka browser dan ketik localhost:9001.

Hasilnya seperti ini:

sinar-soft.com

 

Selamat mencoba.

Leave a Reply

Your email address will not be published. Required fields are marked *