Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Web Github Pages (Github.io) dengan Mudah

Membuat Web Github Pages (Github.io) dengan Mudah

Apa itu GitHub?

Github merupakan aplikasi berbasis website yang memberikan layanan penyimpanan dalam repository secara gratis. Repository merupakan semacam tempat menyimpan berbagai file, gambarannya seperti partisi "Local Disk" yang ada di PC, yang isinya bermacam-macam folder dan file. Bedanya repository tersedia secara online dan bisa diakses kapanpun dan di manapun.

Apa gunanya GitHub?

Pada dasarnya fungsi utama dari Github bukanlah sebagai tempat penyimpanan file, melainkan sebagai alat kolaborasi dalam pengerjaan suatu proyek yang dibuat menggunakan source code.

Untuk lebih jelasnya, misal kamu mendapatkan proyek pembuatan web sekolah. Kamu ditugaskan untuk membuatnya bersama seorang teman kamu, kamu mengerjakan PHP dan HTML sedangkan temanmu mengerjakan CSS, JS, dan konten web. Agar pembuatan web bisa selesai sebelum deadline, kamu bisa mengerjakannya bersama tanpa harus selalu bertemu dengan menyimpan file-file tentang web tersebut di Github.

Dengan mengatur kontributor, kamu dan temanmu bisa mengerjakan file yang sama, dalam waktu yang sama, meskipun di tempat yang berbeda. Jadi seperti itulah gambarannya bagaimana fungsi Github sebagai alat kolaborasi.

Selain itu banyak situs besar seperti Facebook, Twitter, Google yang juga menggunakan Github untuk berkolaborasi dengan berbagai programmer dalam pengembangan aplikasi mereka. Jadi bisa dibilang bahwa Github adalah sosmednya para programer.

Github Pages

Seiring dengan berkembangnya github dan meluasnya penggunaan github, saat ini sudah ada sebuah fitur pada Github yang khusus untuk menampilkan halaman website dengan file yang di-hosting pada repository. Dengan kata lain kamu bisa membuat web menggunakan hosting dari Github.

Tetapi berbeda dengan hosting web yang memungkinkan kamu menjalankan file PHP dan semacamnya, di Github kamu hanya bisa membuat web statis. Yaitu web yang hanya menggunakan sintaks HTML, CSS, dan Javascript (JS).

Fitur itu disebut Github Pages, yang memungkinkan kamu membuat domain github.io sesuai dengan nama domain yang kamu inginkan, misalnya maringngerrang.github.io.

Bagaimana Cara Membuat Github Pages (github.io)?

Untuk membuat Github pages sesuai dengan nama kamu sendiri, terlebih dahulu kamu perlu membuat akun GitHub. Cara mudah membuat akun Github bisa kamu baca di sini.

Perlu kamu ketahui bahwa nama domain yang nantinya kamu gunakan adalah username dari akun Github milikmu. Jadi misalnya username Github adalah maringngerrang, maka nantinya menggunakan domain Github Page maringngerrang.github.io.

Jika kamu telah memiliki akun, maka setelah itu ikuti langkah-langkah berikut ini:
  1. Buka GitHub
  2. (Jika belum) login menggunakan akun Github milikmu
  3. Buatlah sebuah Repository dengan nama username.github.io. Ganti username dengan username Github yang kamu gunakan
  4. Setelah itu buka pengaturan untuk repository tersebut dengan klik menu Settings
  5. Membuat Web Github Pages (Github.io) dengan Mudah
  6. Temukan bagian Github Pages pada pengaturan tersebut. Jika Github Pages dalam keadaan disable, maka pilih source terlebih dahulu, yaitu master branch
  7. Membuat Web Github Pages (Github.io) dengan Mudah
  8. Setelah berhasil, akan muncul alamat Github Pages yang bisa kamu gunakan
  9. Membuat Web Github Pages (Github.io) dengan Mudah
  10. Selanjutnya isikan repository yang kamu buat tadi dengan file HTML yang bisa kamu buka melalui domain github.io yang juga telah kamu buat
  11. Untuk membuat isi dari halaman utama, kamu bisa membuat file index.html pada repository tersebut, halaman tersebut akan menjadi homepage

Perhatian!

Setelah berhasil membuat Github Pages dengan langkah-langkah di atas, ada beberapa hal yang perlu kamu ketahui dan perlu kamu perhatikan, hal ini untuk memudahkan kamu memahami cara kerja Github Pages dan cara menanganinya.
  • Ingat bahwa pada Github Pages hanya bisa menyimpan file web statis, jadi file seperti PHP, py, dan semacamnya (untuk web dinamis) tidak akan bisa berfungsi pada Github Pages
  • Meskipun tidak ditampilkan namun ukuran maksimal yang bisa digunakan untuk setiap repository adalah 1GB, saat mendekati ukuran tersebut kamu akan menerima email yang merekomendasikan untuk mengurangi penggunaan memori pada repository
  • Tidak ada batasan jumlah repository yang bisa kamu buat, namun secara total kamu hanya bisa menggunakan 100GB dari keseluruhan repository kamu
  • Setiap repository baru yang kamu buat akan dapat diakses melalui Github Pages sesuai nama repo tersebut. Misalnya kamu membuat repository dengan nama jurnal, maka dapat dibuka melalui contoh.github.io/jurmal
  • Kamu juga bisa mengubah domain github.io tersebut dengan domain kamu sendiri jika kamu mempunyai domain, kamu bisa membuat subdomain yang mengarah ke repository Github kamu, untuk membuatnya kamu bisa baca di sini

Itulah beberapa hal dan langkah-langkah yang bisa kamu lakukan untuk membuat Github Pages dengan domain github.io sesuai dengan nama yang diinginkan. Semoga artikel ini bisa bermanfaat untuk kamu, jika terdapat hal yang kurang jelas, maka jangan sungkan untuk menyampaikannya melalui komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan sampai jumpa!

2 komentar untuk "Membuat Web Github Pages (Github.io) dengan Mudah"

  1. Apakah harus menggunakan username untuk alamat web username.github.io ?,jika tidak harus bagaimana caranya?

    BalasHapus