Sofian Hadiwijaya

Programming is a creative activity.

Membuat Web Atau Blog Statis Gratis Pada Github Dengan Octopress

| Comments

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
1. git clone git://github.com/imathis/octopress.git octopress
2. cd octopress
3. gem install bundler
4. rbenv rehash    # If you use rbenv, rehash to be able to run the bundle command
5. bundle install
6. rake install    # install octopress
7. rake preview    # generate preview 

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
rake setup_github_pages

Anda akan ditanya url dari repository Github

1
2
3
4
Enter the read/write url for your repository
(For example, 'git@github.com:your_username/your_username.github.io.git)
           or 'https://github.com/your_username/your_username.github.io')
Repository url: git@github.com:username/username.github.io.git

Ganti username dengan username Anda. Setelah semuanya terkonfigurasi, Anda cukup mengetik perintah

1
2
rake generate
rake deploy

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.

Reference

Comments