Estimasi Waktu Baca: 2 menit

Tentang GitHub Pages

GitHub Pages atau Halaman GitHub adalah layanan hosting web statis gratis yang diberikan GitHub kepada para penggunanya. Dengan memakai layanan ini kita akan diberikan subdomain github.io untuk membuat halaman website statis milik kita sendiri.

Lantas sekarang bagaimana kita bisa menggunakan layanan ini?

Caranya gampang dan gak akan memakan waktu sampai berjam-jam. Oke tanpa banyak komentar lagi mari kita mulai!

Buat Repositori di GitHub

Langkah pertama, buat repositori baru dengan ketentuan nama username.github.io. Pakai username akun kita misal kopidingin dan beri akhiran subdomain github github.io. kopidingin.github.io.

Jangan lupa untuk mencentang public repositori agar orang lain nantinya juga bisa melihat halaman github kita.

Jika sudah klik Create repository

Buat Repositori di Komputer

Pada bagian ini kita coba buat halaman depan sederhana untuk website statis kita. Namun untuk yang sudah memiliki file website statisnya silahkan dilewati saja.

Lanjut, sekarang coba buat folder dengan nama sesuka kalian.


mkdir websiteku

Kemudian masuk ke dalam folder tersebut.


cd websiteku

Dan buat suatu teks yang mana kemudian disimpan pada file index.html.


echo "<h1> Selamat Datang di Website Saya </h1>" >> index.html

Persiapan Upload ke GitHub

Setelah membuat halaman website statis sederhana saatnya untuk persiapan upload file ke github.

Langkah pertama kita buat repo lokal di komputer, pastikan lokasi kita mengetikkan perintah ini di dalam folder websiteku


git init

Kemudian tambahkan file yang barusan kita buat.


git add index.html

Simpan perubahan dan beri komentar.


git commit -m "Upload file"

Tambahkan URL Remote

Setelah itu tambahkan url remote kita.


git remote add origin https://github.com/Kopidingin/kopidingin.github.io.git

Upload File ke GitHub

Terakhir kita upload file projek tersebut ke github.


git push -u origin master

Atau


git push -u origin main

Pengujian

Saatnya untuk pengujian, silahkan buka alamat dari halaman github kalian masing-masing, misal di sini kopidingin.github.io

Jika ada yang masih belum tampil coba untuk ditunggu sebentar.

Selamat sekarang kalian sudah punya website sendiri. 🙂