Halo Guys?
Kali ini kita akan mempelajari bagaimana cara mempublikasikan halaman WEB dengan GITHUB. Ikuti langkah berikut ya!!!
- Membuat Akun GitHub
Untuk menggunakan GitHub, mari kita membuat sebuah akun secara gratis. Untuk membuat akun, kunjungi Halaman Resmi GitHub (https://github.com/).
Klik tombol “Sign up for GitHub” untuk melanjutkan ke halaman registrasi akun.
Masukkan alamat email Anda, password, dan username di form registrasi. (Tips: username yang ditulis tadi akan dipakai menjadi bagian dari URL website yang akan dipublikasikan nanti.).
Nyatakan bahwa Anda ingin menerima update dan pengumuman lain dari GitHub dengan menjawab “yes” atau “no”. Akan ada sebuah “puzzle” untuk menverifikasi pengguna bukan sebuah robot, jadi jawab sesuai dengan pertanyaannya dan lanjutkan.
Setelah mendaftarkan alamat email, password, dan username Anda, sebuah email dengan sebuah code akan dikirim ke alamat email Anda. Anda dapat melanjutkan dengan memasukkan angka-angka dari email ke “Enter code”.
Anda akan ditanyai beberapa pertanyaan untuk personalisasi.
Anda akan berpindah ke halaman pilih sebuah plan setelah menjawab beberapa pertanyaan. Pilih “Continue for free” untuk plan yang gratis.
Sekarang pengaturan awal akun Anda telah lengkap!
- Membuat Repository Baru
Selanjutnya kita akan membuat “repository”. Repository adalah folder proyek yang membantumu mengelola suatu halaman web atau aplikasi di GitHub.
Seperti gambar di bawah ini, klik tanda + (plus) di pojok kanan atas, lalu pilih New Repository.
Beri nama repository dalam kolom bernama Repository name di tengah-tengah halaman. Nama repository bisa apa saja, tapi URL halaman web akan bergantung pada nama repository ini (*baca penjelasannya di bawah).
Jika nama akunmu username.github.io:**
URL halaman web kamu adalah: https://username.github.io
Jika tidak,
URL halamannya adalah: https://username.github.io/repositoryname
Jadi jika username-mu adalah Labkommat-UNM, dan nama repository-mu adalah Labkommat-UNM.github.io, maka URL-mu menjadi Labkommat-UNM.github.io. Jika nama repository-mu adalah sample, maka URL-mu menjadi Labkommat-UNM.github.io/sample.
Jika semuanya lancar, mari buat repository dengan username.github.io (*nama repository bisa diganti nanti).
Setelah memasukkan nama repository, klik tombol Create repository.
Kamu sudah berhasil membuat repository. Pada layar di bagian bawah, klik tautan README seperti pada gambar:
“README.md” adalah file untuk menulis deskripsi repository.
Kamu tidak perlu menulis apa-apa di dalamnya untuk saat ini. Untuk menyimpan file yang ditambahkan, klik tombol hijau Commit new file di bagian paling bawah layar.
Mari mulai belajar cara meng-upload file HTML dan CSS di bagian selanjutnya.
- Meng-Upload File
Pertama, mari upload file HTML bernama index.html.
Klik tombol Create new file, seperti pada gambar:
Tulis index.html ke dalam kotak seperti pada gambar. Ini adalah nama file yang akan kita gunakan dalam tutorial ini.
Gunakan index.html kali ini meskipun kamu punya nama file yang lain.
Di bawah kotak, dalam Edit new file, salin dan tempelkan seluruh code HTML.
Setelah sampai di sini, klik tombol di paling akhir.
Selamat! Kamu telah berhasil meng-upload file HTML-mu ke GitHub.
Berikutnya kamu akan meng-upload file CSS. Prosesnya sama seperti file HTML.
Kali ini mari gunakan nama file seperti yang sudah kamu tentukan di dalam index.html (dalam contoh di bawah ini, namanya adalah stylesheet.css).
Setelah berhasil meng-upload code, mari kita lihat cara meng-upload gambar.
Klik Upload files seperti pada gambar:
Tarik dan masukkan gambar yang kamu gunakan di dalam code HTML atau CSS di bagian tengah layar yang ditampilkan. Kamu juga bisa meng-upload dengan mengklik choose your files (pilih file).
Setelah berhasil meng-upload gambar, kamu bisa menyimpan perubahan dengan mengklik tombol Commit changes.
Dari gambar di bawah ini, kamu bisa melihat semua file yang di-upload.
Kamu bisa memeriksa konten setiap file dengan mengklik nama file untuk memastikan bahwa semuanya sudah di-upload dengan benar.
- Mempublikasikan Halaman Web
Pertama, klik tab Settings di pojok kanan atas layar.
Kamu akan melihat GitHub Pages jika terus menggulir halaman ke bawah.
Jika kamu melihat “Your site is published at …”, berarti halaman web kamu sudah berhasil dipublikasikan dengan URL yang ditampilkan di sini.
Jika tidak, Source kemungkinan diatur menjadi None, maka rubahlah menjadi default branch (master atau main itu tergantung kapan repository-nya dibuat) lalu tekanlah tombol Save untuk menampilkan URL-nya.
Ini adalah bagian akhir dari cara untuk mempublikasi Halaman Web milikmu di dunia maya. Sekarang siapapun bisa membuka halaman web yang kamu buat dengan URL tersebut!
*Jika tidak ada yang tampil saat membuka URL, ada kemungkinan halamannya masih diproses. Mungkin butuh sedikit waktu, jadi cobalah kembali lagi dalam beberapa saat dan me-reload halamannya.