Hari ini kita bakal bahas bagaimana cara membuat blog ini. Blog ini merupakan blog statis, dimana tidak ada CMS (Content Management System) dan blog ini hanya terdiri dari HTML, CSS, JavaScript. Dan tentunya free, dengan manfaatkan fitur Github pages dan framework blog statis seperti Octopress.
Sebelum mulai pertama kita harus install Octopress terlebih dahulu di-pc kita. untuk menginstall Octopress kita membutuhkan beberapa tools berikut :
- Install Git.
- Install Ruby >= 1.9.3 menggunakan rbenv atau RVM.
- Install salah satu dari ExecJS yang support Javascript runtimes.
Setup Octopress
1 2 3 4 5 6 7 |
|
Setelah itu Anda bisa menjalankan perintah “rake preview” untuk membuat blog jalan di localhost dengan default port 4000. Anda dapat mengakses blog anda secara offline dengan membuka http://localhost:4000.
Deploy ke Github
Pertama-tama buat repository baru pada Github dengan format username.github.io ( ganti username dengan username kalian ). Berikut contohnya username saya ada sofianhw, maka _repository_nya adalah sofianhw.github.com.
Setelah Anda menekan tombol Create Repository, Github Page Anda dapat diakses melalui http://username.github.io , sebagai contoh untuk mengakses Github saya bisa melalui http://sofianhw.github.io.
Untuk saat ini page Anda masih blank, karena belom ada file yang kita upload ke Github. Mari kita pointing Octopress kita ke repository yang baru saja kita buat. ketikan perintah berikut pada terminal Anda.
1
|
|
Anda akan ditanya url dari repository Github
1 2 3 4 |
|
Ganti username dengan username Anda. Setelah semuanya terkonfigurasi, Anda cukup mengetik perintah
1 2 |
|
Octopress akan mengenerate blog statis Anda dan mengupload blog statis Anda ke repository Github. Dan andapun dapat mengakses web / blog statis Anda melalui url http://username.github.io.