Cara Membuat Blog Di Github Pages

Tidak ada salahnya mencoba sesuatu yang baru, termasuk di bidang blogging, apalagi jika hal tersebut dilakukan tanpa biaya alias gratis. Setelah Blogger dan Wordpress sebagai rekomendasi platform gratis untuk blogging, kini saya rekomendasikan juga untuk mencoba membuat blog di Github Pages.

GitHub Pages adalah halaman web untuk halaman pribadi, blog, organisasi, atau proyek yang dihosting dan dipublikasikan melalui repositori Github. Di situ kita bisa membuat web portofolio, profil pribadi ataupun perusahaan, landing page, bahkan blog sekalipun.

Nah kali ini kita akan membahas cara membuat blog di Github Pages. Artinya kita membuat blog di Github Pages yang dapat kita update secara rutin.

Mari kita mulai, silahkan ikuti langkah-langkahnya di bawah ini.

1. Langkah Pertama
Silahkan masuk ke akun Github Anda https://github.com/, jika belum memiliki akun silahkan daftar dulu.

2. Langkah Kedua
Silahkan klik tanda plus (+) di pojok kanan atas dan pilih New Repository. Kemudian isikan untuk Repository Name dengan username.github.io (silahkan ganti username pada username.github.io dengan username Github Anda). Kemudian pilih Public dan centang Initialize this repository with a README lalu klik Create Repository.

Sampai di sini Anda sudah berhasil membuat repository untuk blog Anda, tapi domain username.github.io yang Anda buat tadi belum bisa diakses karena masih memerlukan index.html dan kerangka blog lainnya yang akan kita bahas pada langkah ketiga.

3. Langkah Ketiga
Kini saatnya kita mengisi repository blog yang kita buat pada langkah kedua di atas. Silahkan cari theme versi Jekyll untuk Github Page.

Anda bisa menggunakan blog theme dari Start Bootstrap http://startbootstrap.com/template-categories/blogs/ silahkan download file zip versi Jekyll dengan klik tombol Jekyll Version. Klik tombol Clone or Download di halaman Github dari Jekyll Version lalu pilih Download ZIP.

Kemudian silahkan ekstrak file ZIP yang Anda domnload tadi lalu buka folder yang dihasilkan. di situ akan ada folder _includes, _layout, _posts, css, dan lainnya.

4. Langkah Keempat
Sekarang silahkan menuju repository yang dibuat pada langkah kedua tadi kemudian silahkan klik tombol Upload Files lalu upload isi folder dari file Zip dari langkah ketiga di atas seperti folder _includes_layout_postscss, dan lainnya semuanya. Block / pilih semua folder _includes, _layout, _posts, css, dan file-file lainnya lalu seret ke kotak upload repository. Setelah selesai termuat silahkan klik Commit changes.

Yang pertama harus dilakukan adalah mengedit file _config.yml, silahkan sesuaikan dengan data Anda. Klik file tersebut kemudian klik ikon pensil di pojok kanan kotaknya. Nah sampai di sini Anda sudah berhasil membuat blog di Github Pages. Sekarang silahkan coba akses blog Anda dengan menuliskan domain blog Anda yang dibuat di langkah kedua di atas tadi username.github.io di address bar browser Anda.

Nah kini tinggal kustomisasi theme sesuai dengan selera Anda.

Untuk semua gambar baik untuk header maupun postingan silahkan upload di folder img dan panggil dengan kode


img/nama-file-gambar.jpg


Untuk membuat postingan silahkan buka folder _posts lalu contoh format postingan yang sudah ada. Untuk mulai membuat postingan silahkan klik tombol Create New File di folder _posts tersebut. Untuk nama file silahkan tulis dengan format YYYY-MM-DD-nama-permalink.markdown seperti ini 2016-05-26-contoh-postingan.markdown. Harus menggunakan format .markdown di akhir URL.

Kemudian silahkan mulai menulis postingan dengan mencontoh format postingan yang sudah ada. Namun perlu diperhatikan, setelah saya coba kita tidak bisa meng-copy format postingan dari yang sudah ada kemudian kita edit, namun kita harus mengetikan postingan dari awal kemudian setelah selesai silahkan isi Commit new file terserah Anda dan klik tombol Commit new file.



Referensi:
  • Blog Theme Jekyll, silahkan pilih theme yang sesuai selera Anda: https://github.com/jekyll/jekyll/wiki/Themes
  • Markdown Cheatsheet, format tulisan postingan: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
Selamat mencoba.....

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments