Blogger Jateng
Home / Tutorial

Prasyarat untuk Menggunakan Halaman GitHub

Panduan Pemula untuk GitHub Pages GitHub Pages hostingbyte1GitHub PagesGitHub Pages situs statis yang di-hostGitHub Pages situs statis blogGitHub Pages dokumentasi proyekGitHub Pages GitHub Pages adalah layanan hosting situs statis yang dirancang oleh GitHub Corporation yang mempublikasikan konten dari repositori di GitHub. Hal ini memudahkan para pengembang dan non-pengembang untuk menggunakannya, karena sangat sederhana dan terintegrasi dengan GitHub. GitHub Pages masih merupakan pilihan yang sangat baik untuk meng-host formulir konten Anda, tetapi memiliki beberapa prasyarat sebelum Anda dapat melakukannya. Dalam artikel ini, Anda akan mempelajari tentang persyaratan minimum dan langkah-langkah untuk mulai menggunakan GitHub Pages.

1. Akun GitHub

Persyaratan pertama dan yang paling jelas adalah kita memerlukan akun Git Hub. Halaman GitHub adalah fitur khusus pengguna GitHub. Jika Anda belum memiliki akun, Anda bisa mendaftar tanpa biaya dengan membuka halaman pendaftaran GitHub. GitHub memiliki paket Pro dan akun organisasi dengan fitur tambahan, tetapi akun gratis sudah cukup untuk menggunakan GitHub Pages.

sumber: aiensured.com

2. Pengetahuan Minimum tentang Git dan GitHub

GitHub Pages relatif mudah digunakan, tetapi Anda memerlukan pengetahuan minimal tentang Git dan GitHub. Anda sebaiknya meninjau konsep-konsep berikut ini:
  • Repositori: GitHub Pages mengharuskan Anda membuat repositori untuk menghosting file situs web Anda.
  • Melakukan Komitmen & Mendorong: Mempelajari kemampuan untuk mengomit perubahan Anda sendiri dan mendorongnya ke repositori GitHub.
  • Cabang: GitHub Pages dapat menggunakan cabang utama atau cabang terpisah (seperti gh-pages) untuk melayani situs web Anda.
Jika Anda baru mengenal Git dan GitHub, pertimbangkan untuk menjelajahi tutorial ramah pemula atau dokumentasi GitHub sendiri.

3. Repositori Proyek

Untuk Halaman GitHub, Anda memerlukan Repositori GitHub yang berisi berkas-berkas yang Anda inginkan untuk ditayangkan di situs web Anda. Dan itu tidak berarti hanya HTML, CSS, JavaScript, gambar, dan aset lainnya. Repositori Anda dapat berisi: tergantung pada jenis situs yang ingin Anda buat.
  • Halaman HTML statis untuk situs yang dikodekan secara manual.
  • Situs-situs Jekyll - Berkas-berkas penurunan harga.
  • File Khusus Framework (React atau Angular builds); Proyek yang kompleks.
Pastikan repositori Anda bersifat publik jika Anda menggunakan GitHub Pages secara gratis, karena repositori pribadi untuk GitHub Pages memerlukan paket berbayar.

4. Struktur Dasar Situs Web

Sebelum menerapkan situs Anda dengan GitHub Pages, pastikan file situs web Anda diatur dengan benar. Minimal, Anda harus memiliki file index.html di root repositori Anda. File ini berfungsi sebagai titik masuk untuk situs web Anda.

Sebagai contoh:

my-website-repo/
├── index.html
├── style.css
└── script.js

Jika Anda menggunakan Jekyll, pastikan struktur proyek Anda mengikuti konvensi Jekyll, termasuk _config.yml dan direktori _posts untuk blog.

5. Tema Opsional yang Kompatibel dengan Halaman GitHub

Jekyll adalah generator situs statis yang memudahkan pembuatan situs web, dan GitHub Pages mendukungnya. Anda memiliki opsi untuk menggunakan tema yang sudah dibuat sebelumnya untuk GitHub Pages atau membuat tema kustom Anda sendiri. Tema tidak wajib, tetapi sangat menghemat waktu - terutama untuk pemula. Untuk menggunakan tema, tambahkan file _config.yml yang ditambahkan ke repositori Anda dan menyatakan tema apa yang dapat Anda gunakan.

Sebagai contoh: 

theme: minima

6. Domain Khusus (Opsional)

Meskipun GitHub Pages memberikan URL default (misalnya, username.github.io), tetapi Anda dapat menggunakan domain khusus untuk situs Anda. Untuk domain khusus, belilah dari registrar dan perbarui pengaturan DNS-nya untuk mengarahkan ke server GitHub Pages. Anda juga perlu membuat file CNAME di repositori Anda dengan nama domain khusus Anda. 

7. Aktivasi Halaman GitHub

Ketika repositori Anda telah disiapkan, aktifkan GitHub Pages melalui pengaturan repositori. Di bagian Pages, pilih cabang dan folder (biasanya root atau /docs) yang ingin Anda gunakan sebagai sumber untuk situs Anda. Simpan, dan situs Anda akan tayang di URL yang Anda berikan.

Kesimpulan

Dengan memenuhi prasyarat ini, Anda akan siap untuk membuat dan menerapkan situs web menggunakan GitHub Pages. Baik Anda memamerkan portofolio, menghosting dokumentasi proyek, atau membuat blog, GitHub Pages menawarkan platform serbaguna dan mudah diakses untuk menghidupkan kehadiran web Anda. Dengan sedikit persiapan dan latihan, Anda dapat memanfaatkan GitHub Pages untuk membagikan karya Anda ke seluruh dunia.