hugo-github

Introcution Github Pages

Github Pages adalah hosting web static yang disediakan oleh Github, dimana tersedia 1 GB penyimpanan gratis serta dapat membangun web statis dari repository github secara langsung.

Pada seri ini, akan dijelaskan cara mengupload web statis Hugo ke repository github kemudian mengkasesnya memlalui Github Pages.

Step1. Membuat Repository di Github

Web statis yang diupload ke repository github nantinya akan diakses dengan alamat https://username.github.io oleh karenanya kita akan membuat repository di github dengan nama username.github.io dimana username adalah username dari akun github anda.

Login ke github dengan akun anda, kemudian buat repository baru dengan nama usernameanda.github.io.

githubdotio

Note : repository pada gambar di atas not available karena sudah ada pada github saya yakni untuk web blog statis yang sedang anda baca ini. Silahkan sesuaikan dengan username github anda.

Step2. Update File config.toml

Sekarang update file config.toml yang ada pada web statis hugo anda, sesuaikan semua konfigurasi yang dibutuhkan.

configtoml

baseURL = "https://username.github.io/"

Step3. Generate folder public

Selanjutnya kita generate folder public , folder ini akan berisikan file-file html, css, js yang nantinya akan kita upload ke repository github. Buka terminal pada direktori web statis hugo anda dan jalankan perintah hugo

E:\hugo\Websiteku
? hugo

Anda dapat melihat isi dari folder public seperti berikut

hugo

Step4. Upload ke Repository Github

Sekarang buka terminal pada folder public tadi dan jalankan perintah berikut

E:\hugo\Websiteku\public
? git init
? git add .
? git remote add origin https://github.com/jauhariandi/jauhariandi.github.io.git
? git commit -m "first commit"
? git push origin master

Apabila berahsil maka, anda akan semua isi dari folder public sudah terupload ke repository github anda.

githubrepo

Selanjutnya selanjutnya klik menu setting kemudian pages, anda akan melihat bahwa web statis anda sudah terpublish dan sudah bisa dikases secara online.

githubpages

Sekarang anda sudah bisa mengakses web statis hugo anda pada github pages , Congratulation.

Semoga bermanfaat.