Blogger Jateng
Home / Tutorial

Mengunggah File Situs Web Anda ke GitHub

GitHub adalah salah satu platform paling populer untuk hosting dan manajemen kode di dunia digital. Baik Anda seorang pengembang 10x atau seseorang yang baru saja belajar coding, GitHub merupakan cara yang sederhana namun efektif untuk menyimpan file situs web Anda dan bekerja dengan orang lain. Dalam panduan ini, kami akan membahas cara mengunggah file situs web Anda ke GitHub, sehingga proyek Anda tersimpan dengan aman, dapat dibagikan, dan tersedia untuk berkolaborasi.

Mengapa Menggunakan GitHub untuk File Situs Web?

Menggunakan GitHub untuk meng-host file situs web Anda memiliki beberapa keuntungan:
  • Kontrol Versi: GitHub melacak modifikasi pada file Anda menggunakan Git, sebuah sistem kontrol versi. Ini membantu Anda mengembalikan ke versi yang lebih lama jika diperlukan.
  • Kolaborasi: Kerjakan proyek Anda dengan orang lain, berkolaborasi dengan mudah dengan fitur-fitur seperti pull request dan pelacakan masalah.
  • Akses: File Anda ada di cloud, sehingga bisa diakses dari mana saja.
  • Hosting: GitHub Pages memungkinkan Anda meng-host situs Anda langsung dari repo Anda.
sumber: sue.eu

Prasyarat

Sebelum Anda dapat mengunggah file situs web Anda ke GitHub, pastikan Anda memiliki yang berikut ini:
  1. Git: Unduh dan instal Git dari git-scm.com jika Anda belum melakukannya.
  2. Akun GitHub: Buat akun GitHub gratis di github.com.
  3. Berkas Situs Web: Pastikan file situs web Anda tertata dengan baik dan siap untuk diunggah.

Cara Mengunggah File Situs Web Ke GitHub: Panduan Langkah-demi-Langkah

1. Membuat Repositori

  1. Masuk ke akun GitHub Anda.
  2. Di bagian Repositori di dasbor Anda, klik tombol “Baru”.
  3. Isi nama untuk repositori Anda (misalnya, “MyWebsite”).
  4. Secara opsional, Iklan memperkenalkan deskripsi yang menjelaskan penggunaan repositori Anda.
  5. Pilih apakah Anda ingin repositori Anda bersifat publik (semua orang dapat melihat repositori ini) atau privat (hanya Anda yang dapat melihat repositori ini).
  6. Klik “Buat repositori.”

2. Inisialisasi Git Secara Lokal

1, Catatan: Pastikan Anda membuka terminal (atau Git Bash jika Anda menggunakan Windows).

2. Gunakan perintah cd untuk mengubah ke folder berkas situs web Anda. Sebagai contoh:

cd path/to/your/website

3. Buat repositori Git baru di folder ini:

git init

3. Menambahkan berkas ke repositori

1. Menambahkan berkas html menggunakan perintah di bawah ini: 


git add .

Menambahkan semua file di direktori saat ini File individual juga dapat ditentukan jika diperlukan.

2. Pindahkan berkas-berkas ke repositori dengan pesan yang baik:

git commit -m "Initial commit"

4. Tautkan Repositori GitHub Anda

1. Dapatkan URL repositori dari halaman repositori GitHub Anda (mis. https://github.com/yourusername/MyWebsite.git).

2. Dengan cara ini kami akan menautkan repositori lokal Anda dengan repositori gitHub:

git remote add origin https://github.com/yourusername/MyWebsite.git

5. Mendorong file ke GitHub

Untuk mengunggah berkas Anda ke repositori GitHub:

   git push -u origin main

Jika mengembalikan kesalahan bahwa cabang tidak benar, buatlah cabang utama terlebih dahulu:

git branch -M main
git push -u origin main

6. Verifikasi Unggahan Anda

  1. Kunjungi repositori Anda di GitHub.
  2. Periksa file yang terdaftar untuk memastikan semuanya diunggah dengan benar. 

Selama hosting menggunakan Halaman GitHub

Untuk Hosting di Halaman GitHub:

  1. Buka tab “Pengaturan” di repositori Anda.
  2. Gulir ke objek “Halaman” di bagian bawah.
  3. Pilih cabang (utama), folder (root) yang berisi file.
  4. Klik Simpan pengaturan Anda, dan GitHub akan memberi Anda URL tempat situs web Anda ditayangkan.

Kesimpulan 

Mengunggah berkas situs web Anda ke GitHub adalah proses yang sangat mudah dan menawarkan banyak manfaat, mulai dari kontrol versi hingga hosting online. Dengan mengikuti langkah-langkah yang diuraikan dalam panduan ini, Anda dapat menyimpan proyek Anda dengan aman, berkolaborasi dengan orang lain, dan bahkan meng-host situs Anda secara gratis. Mulailah memanfaatkan GitHub hari ini dan bawa proyek pengembangan web Anda ke tingkat berikutnya.