Melanjutkan tulisan sebelumnya mengenai cara membuat blog dengan Hugo, sekarang kita akan menghostingkan static site yang kita buat ke Github. Dengan fitur Github Pages yang disediakan oleh Github, kita bisa menghostingkan file-file yang digenerate oleh Hugo.

  1. Pertama, buat terlebih dahulu sebuah repository di Github.

    Sebagai contoh, saya sudah membuat repository dengan alamat berikut:

    https://github.com/sunuazizrahayu/demo-blog-hugo-github/
  2. Kemudian, buatlah 2 branch, yaitu main dan pages.

    Branch main nantinya akan digunakan sebagai menyimpan source dari file-file Hugo kita. Sedangkan branch pages digunakan untuk menyimpan hasil static site dari Hugo.

  3. Push terlebih dahulu source project dari Hugo ke branch main. Push file dari Hugo ke Github

  4. Setelah itu generate static site dari Hugo dengan command hugo. Generate Static Site Hugo

  5. Pindah ke directori public, kemudian buat repo untuk dimasukkan ke Github dengan branch pages dengan cara berikut.

> cd public
> git init
> git add .
> git commit -m "first commit"
> git branch -m pages
> git remote add origin https://github.com/<username>/<project>.git
> git push -u origin pages
  1. Langkah terakhir yaitu mengaktifkan fitur Pages di Github

    Untuk mengaktifkan fitur Github Pages cukup mudah.

    • Pertama, kalian cukup buka menu Settings yang ada di bagian kanan repositori kalian.
    • Kemudian, di bagian bawah akan ada sub-menu dengan nama Github Pages.
    • Pilih branch pages yang merupakan HTML dari static site yang ter-generate.
    • Lalu Save

    Mengaktifkan Fitur Github Pages

Sekarang blog yang dibuat dengan Hugo sudah bisa diakses dengan alamat https://<username>.github.io/<project>. Pada tulisan ini, maka contoh blog yang saya buat diakses melalui https://sunuazizrahayu.github.io/demo-hosting-hugo-github/. Bila ingin menggunakan domain root dari Github, maka nama repositori yang dibuat harus <username>.github.io. Untuk akun Github saya jadinya sunuazizrahayu.github.io.