Cerita

Cara Setting Server GitHub di Publii Biar Bisa Upload Website (Chapter 5)

Image description

Halo sobat RidvanMau, balik lagi di tutorial series bikin blog pake Publii. Di part sebelumnya udah jelasin cara ganti tema website kan. Nah, sekarang waktunya kita setting server biar nanti website bisa di-upload ke internet.

Kita akan pakai GitHub sebagai servernya. Tenang, nggak susah kok caranya!

Kenapa harus GitHub? Menurut Ridvan dengan pakai GitHub sebagai penyimpanan awal bisa mempermudah website yang nantinya akan live dimana, misal dari GitHub bisa host di Netlify, Vercel, bahkan CPanel. Namun kali ini Ridvan memilih CloudFlare karena lebih powerfull.

1. Siapkan Akun GitHub

Sebelum mulai, pastikan udah punya akun GitHub ya. Ini nanti buat nge-hosting website kita secara gratis.

Jangan lupa juga bikin Personal Access Token di pengaturan akun. Fungsinya biar Publii bisa akses ke GitHub kita nanti.

Siapkan Repo GitHub

Sebelum mengatur server di Publii, Anda perlu memiliki repo GitHub terlebih dahulu tempat website akan di-upload.

Cara membuat repo baru:

  1. Buka GitHub lalu klik New
    Image description
  2. Isi nama repo, misal blog-kamu
    Image description
  3. Atur repo jadi Private
  4. Klik Create Repository

Image description

Repo baru sudah siap!

Generate Access Token GitHub

Karena repo dibuat private, kita perlu generate access token agar Publii bisa akses nanti:

  1. Buka Pengaturan Akun GitHub di Settings
    Image description
    Image description
  2. Klik Developer Settings > Personal Access Tokens > Generate New Token (classic)
    Image description
  3. Beri nama token misal β€œpublii”
    Image description
  4. Centang akses repo seperti di atas
    Image description
  5. Klik Generate Token

Image description

Simpan baik-baik token yang tergenerate. Nanti token ini yang kita isi di Publii.

2. Isi Pengaturan Server di Publii

Buka halaman Server di Publii, terus isi detail berikut:

Image description

  • Server: pilih Git Repository
  • Website URL: isi URL website, misal blogkamu.com
  • Repo URL: isi URL repo GitHub, bisa dicopy dari Code, Local, Clone, HTTPS dari repo github sebelumnya yang telah dibuat, misal https://github.com/kamu/blog-kamu.git
    Image description
  • Branch: isi branch repo, biasanya main
  • Username: isi username GitHub dengan email
  • Password: isi Personal Access Token
  • Email Author: isi email GitHub
  • Commit Message: isi pesan commit seperti contoh di atas.

3. Uji Koneksi Server

Setelah mengisi data server, waktunya kita uji koneksi ke servernya. Caranya klik tombol Test Connection.

Image description

Kalo berhasil, bakal muncul pemberitahuan biru **Success!”. Kalo gagal, periksa lagi datanya.

4. Sync Website ke GitHub

Image description

Oke kalo udah berhasil terhubung ke GitHub, saatnya kita upload konten website ke server. Caranya tekan tombol Sync Your Website di pojok kiri bawah Publii.

Image description

Image description

Tunggu beberapa saat sampai proses sinkronisasi selesai berwarna hijau. Lalu cek repo GitHub, konten website udah ada kan di sana?

Image description

Nah gitu cara setting server GitHub di Publii biar website bisa langsung live! Next kita akan belajar cara deploy ke Cloudflare Pages biar GRATIS. Stay tuned!

Selanjutnya:

Full Artikel Pendahuluan + Chapters:

Comments