Cara Menciptakan Blog Di Github Pages

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

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

Nah kali ini kita akan membahas cara menciptakan blog di Github Pages. Artinya kita menciptakan blog di Github Pages yang sanggup 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/, jikalau belum mempunyai 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 kemudian klik Create Repository.

Sampai di sini Anda sudah berhasil menciptakan repository untuk blog Anda, tapi domain username.github.io yang Anda buat tadi belum sanggup diakses alasannya yaitu 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 sanggup memakai 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 kemudian pilih Download ZIP.

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

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

Yang pertama harus dilakukan yaitu mengedit file _config.yml, silahkan sesuaikan dengan data Anda. Klik file tersebut kemudian klik ikon pensil di pojok kanan kotaknya. Nah hingga di sini Anda sudah berhasil menciptakan blog di Github Pages. Sekarang silahkan coba saluran blog Anda dengan menuliskan domain blog Anda yang dibentuk di langkah kedua di atas tadi username.github.io di address kafetaria browser Anda.

Nah sekarang 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 menciptakan postingan silahkan buka folder _posts kemudian pola format postingan yang sudah ada. Untuk mulai menciptakan postingan silahkan klik tombol Create New File di folder _posts tersebut. Untuk nama file silahkan tulis dengan format YYYY-MM-DD-nama-permalink.markdown ibarat ini 2016-05-26-contoh-postingan.markdown. Harus memakai format .markdown di simpulan URL.

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

DEMO

Referensi:

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

Selamat mencoba.....

Sumber https://www.kompiajaib.com/

Share this post