Cara Membuat Github Page Terbaru dan Lengkap 2023

Cara Membuat Github Page Terbaru dan Lengkap 2023
Cara Membuat Github Page Terbaru dan Lengkap 2023

Bagi kalian yang masih bingung mencari hosting gratis lengkap domain untuk halaman statis atau landing page baik itu portofolio pribadi, perusahaan ataupun lainnya kalian bisa menggunakan Github Page untuk mewujudkannya.

Untuk kalian yang masih bingung bagaimana cara dan langkahnya, Qiannah Update Media akan memberikan panduannya lengkap dalam artikel ini. Untuk itu baca artikel kami hingga selesai ya.

Apa Itu Github Page?

Apa Itu Github Page?
Cara Membuat Github Page Terbaru dan Lengkap 2023 3

Github Page adalah sebuah fitur atau layanan gratis dari Github untuk kalian membuat sebuah website statis seperti Landing Page Produk, Portofolio pribadi, portofolio perusahaan ataupun lainnya.

Dikatakan gratis karena memang untuk dapat membuat website menggunakan Github Page ini kalian tidak akan dikenakan biaya.

Menariknya, meskipun gratis kalian juga akan mendapatkan subdomain dari Github sesuai dengan username yang kalian daftarkan. sebagai contoh kalian mendaftarkan akun dengan username updatemediaorid maka kalian akan mendapatkan subdomain updatemediaorid.github.io.

Tak hanya itu saja, bagi kalian yang sudah memiliki domain nantinya juga bisa menghubungkannya dengan halaman website kalian di Github ini.

Keunggulan Menggunakan Github Page

Terdapat beberapa keunggulan bagi kalian yang membuat website menggunakan Github Page, antara lain:

  • Gratis. Kita tidak akan dikenakan biaya untuk membuat website.
  • Gratis Subdomain. Kita akan diberikan satu subdomain gratis dari github agar website yang telah kita buat dapat diakses oleh pengunjung.
  • Tanpa Setup Server. Kita tidak perlu melakukan setup server atau install server seperti pada layanan hosting ataupun vps berbayar.
  • Keamanan. Github hanya memperbolehkan kita menggunakan beberapa tools saja seperti jekyll, file html dan lainnya yang sudah bekerjasama dengan Github sehingga kita tidak perlu memikirkan tentang keamanan.
  • Costum Domain. Kita juga bisa melakukan costum domain pada halaman github yang kita miliki.
BACA JUGA  Cara Membuat Github Page Costum Domain Terbaru dan Lengkap 2023

Cara Membuat Github Page

Daftar Akun Github

Langkah pertama tentunya kalian harus memiliki akun Github terlebih dahulu. Bagi kalian yang belum tahu bagaimana caranya, silahkan ikuti panduan dibawah ini:

Kunjungi Laman Github

Langkah pertama yang harus kalian lakukan adalah mengunjungi laman resmi Github pada url https://github.com/.

Klik Tombol Sign Up

Langkah selanjutnya adalah klik tombol Sign Up yang terletak pada pojok kanan atas.

Masukkan Informasi Login

Setelah klik tombol Sign Up maka selanjutnya adalah memasukkan informasi login, adapun informasi yang wajib diisi sebagai berikut:

  1. Alamat Email Aktif
  2. Password Untuk Login
  3. Masukkan Username ( karena akan membuat Github Page pastikan username sesuai dengan brand kalian )
  4. Ketikkan Y
  5. Continue
  6. Klik tombol verifikasi ( pada verifikasi ini kalian akan diminta untuk memilik kotak dengan 2 gambar yang sama sebanyak 2 kali )
  7. Klik tombol Create Account

Masukkan Kode Verifikasi Pendaftaran

Setelah kalian klik tombol Create Account maka langkah selanjutnya adalah memasukkan kode OTP atau kode registrasi yang dikirimkan ke alamat email terdaftar kalian.

Masukkan Informasi Tambahan

Selanjutnya kalian akan diminta untuk memasukkan informasi tambahan, adapun rekomendasinya sebagai berikut:

  1. How many team members will be working with you? silahkan pilih 2-5
  2. Are you a student or teacher? silahkan pilih student
  3. Klik tombol Continue
  4. Ceklist Seluruh kotak pilihan
  5. Klik continue
  6. Klik tombol Continue For Free

Setelah melakukan seluruh langkah diatas maka proses registrasi selesai, dan kita akan membuat Github Page setelah ini.

Cara Membuat Github Page

Membuat Repository

Langkah pertama adalah membuat repository dengan langkah:

  1. Klik tombol Create Repository
  2. Atau Pada Kolom Start A New Repository
  3. Masukkan Nama Rpository ( Untuk menggunakan subdomain gratis silahkan masukkan nama repository sesuai dengan nama brand/username kalian dilengkapi dengan domain utama contoh updatemediaorid.github.io )
  4. Masukkan Deskripsi ( opsional boleh ya boleh tidak )
  5. Pilih Public agar bisa diakses oleh umum
  6. Klik tombol Create Repository
BACA JUGA  Cara Membuat Web Adobe Portofolio Lengkap 2023

Membuat File Index.html

Setelah repository berhasil dibuat maka langkah selanjutnya adalah membuat ataupun upload file index halaman website static atau portofolio dan lainnya.

Untuk langkahnya sendiri sangatlah mudah. Silahkan klik tombol Creating a New File untuk membuat file ( copy paste ) dan upload an file untuk upload file Html yang kalian miliki.

Khusus Creating File : bagi kalian yang memilih membuat file secara manual silahkan ikuti panduan berikut ini:

  1. Masukkan Index.html pada kolom Name Your File
  2. Pastekan Kode Html yang kalian miliki
  3. Klik tombol Commit Changes

Setelah kalian klik tombol Commit Changes maka langkah selanjutnya adalah membuat agar halaman kalian aktif dengan langkah dibawah ini

Pilih Tab Settings

Silahkan klik Tab Settings pada bagian paling kanan tab.

Pilih Menu Pages

Selanjutnya adalah memilih menu pages pada kolom sebelah kiri. Kemudian ubah informasi dibawah ini:

  1. Branch pilih Main
  2. Root
  3. Klik tombol Save
  4. silahkan tunggu hingga website kalian berhasil dibuat

Apabila proses telah berhasil maka akan muncul informasi Your site is live at https://webkalian.

Dan ketika kalian buka url tersebut akan muncul website yang telah kalian buat sepert contoh: https://updatemediaorid.github.io.

Itulah tadi tutorial yang bisa kami berikan, semoga dapat membantu kalian. Terima Kasih

Penulis: Aurelia, S.KomEditor: Andini Yustina, S.Kom