Memanfaatkan Hosting Gratis GitHub Pages Untuk Publikasikan Website Statis

GitHub Pages merupakan layanan hosting gratis untuk publikasikan website statis kamu, sekaligus mendapatkan subdomain github.io yang tentunya gratis.
Memanfaatkan Hosting Gratis GitHub Pages Untuk Publikasikan Website Statis

Sedang nyari layanan hosting gratis? GitHub Pages bisa menjadi solusi tepat untuk kamu yang membutuhkan layanan hosting gratis untuk keperluan hosting website statis.

Sedikit informasi, website statis merupakan website yang mana jika ingin mengubah tampilan atau yang lainnya langsung dari script-nya.

Tak hanya hosting-nya yang gratis, kamu juga akan mendapatkan subdomain github.io. Nah, karena itu, GitHub Pages ini cocok untuk kamu manfaatkan untuk menampilkan portofolio atau tautan media sosial. Langsung saja simak tutorial membuat GitHub Pages berikut.

Membuat Website Statis di GitHub Pages

  1. Masuk akun GitHub kamu, klik tanda + disebelah foto profil, klik New repository.
    Masuk Akun GitHub
  2. Sekarang, tinggal memberi nama repositori sesuai username GitHub dan sekaligus akan menjadi alamat website kamu nanti.
    Buat Repositori GitHub
  3. Sudah selesai? Klik Create repository. Lanjut langkah selanjutnya.
  4. Jika muncul tampilan seperti berikut, artinya telah berhasil membuat repositori baru.
    Repositori Berhasil Dibuat
  5. Dan tinggal membuat dan mengunggah file website statis kamu. Di sini saya akan memberikan contoh dasarnya saja, maka cukup klik creating new a file.
  6. Berikan nama index.html, kemudian tulis script kamu, scroll ke bawah, klik Commit new file.
    Membuat File Baru di Repositori GitHub
  7. Setelah berhasil, maka file index.html tadi akan tampil pada repositori kamu.
    Berhasil Membuat File di GitHub
  8. Selesai. Sekarang kita bisa mengecek website statis yang tadi berhasil dibuat dengan mengunjungi alamat username.github.io
    Tampilan Website Statis di GitHub Pages

Jika yang pertama tersebut saya anggap sebagai website utama karena dapat diakses dengan mengunjungi username.github.io.

Maka yang kedua ini dalam membuat website di GitHub Pages, akan saya anggap sebagai website dalam subfolder, yang mana akan bisa diakses dengan mengunjungi username.github.io/namarepositori.

Jika ada kesalahan penyebutan, tolong beritahu saya di kolom komentar. Terima kasih!

Membuat Website Statis Dalam Subfolder

  1. Karena saya anggap sudah masuk. Klik tanda + disebelah foto profil, klik New repository.
    Akun GitHub
  2. Berbeda dengan yang sebelumnya, cukup berikan nama repositori tanpa github.io, seperti berikut. Dan klik Create repository.
    Cara Membuat Repositori GitHub Pages
  3. Kemudian buat file baru.
    Membuat File GitHub Pages
  4. Masuk ke menu Settings, cari Pages.
  5. Ubah Source dari none ke main dan klik Save. Nanti akan muncul tulisan Your site is ready to be published at username.github.io/namarepositori. Yang mana tautan tersebut adalah alamat website kamu.
    Mengatur Alamat GitHub Pages
  6. Dan selesai. Sekarang cek website kamu dengan meng-klik tautan tadi.
    Website Statis GitHub Pages

Dengan adanya GitHub Pages ini tentunya sangat membantu developer untuk memamerkan hasil karyanya. Cukup sekian tutorial untuk membuat website statis di GitHub Pages, semoga bermanfaat!

Blogger & Front-End Web Developer.