Panduan Step-by-Step: Buat Website Gratis dengan GitHub Pages

byDio TriMartin •
0

Membuat Halaman Statis di GitHub: Panduan Lengkap

GitHub tidak only untuk menyimpan kode, lho! Kamu juga bisa menggunakannya untuk membuat website statis pribadi, portofolio, atau blog sederhana secara gratis menggunakan GitHub Pages. Yuk, ikuti langkah-langkah mudah berikut:

Langkah 1: Membuat Repositori Baru

Pertama, kamu perlu membuat repositori baru di GitHub yang akan menampung file-file website-mu.

  1. Masuk ke akun GitHub kamu.
  2. Klik tombol hijau "New" di bagian kiri atas halaman, atau klik ikon "+" di pojok kanan atas dan pilih "New repository".

Langkah 2: Konfigurasi Repositori

Di halaman pembuatan repositori, perhatikan hal-hal berikut:

  1. Repository name: Ini adalah bagian yang paling penting! Untuk user page (halaman personal), nama repositori harus sesuai dengan format username.github.io. Ganti username dengan username GitHub kamu.
  2. Description (optional): Kamu bisa menambahkan deskripsi singkat tentang website kamu.
  3. Public/Private: Pilih "Public" agar website kamu bisa diakses oleh siapa saja.
  4. Add a README file: Centang opsi ini.
  5. Klik tombol "Create repository".

Langkah 3: Membuat File index.html

File index.html adalah halaman utama dari website kamu.

  1. Setelah repositori dibuat, klik tombol "Add file" lalu pilih "Create new file".
Langkah 3 - Tombol Add file dan Create new file
  1. Beri nama file index.html.
  2. Masukkan kode HTML sederhana berikut ke dalam editor teks:
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Halaman Statis Saya</title>

</head>

<body>

    <h1>Halo Dunia!</h1>

    <p>Ini adalah halaman statis pertama saya di GitHub Pages.</p>

</body>

</html>
  1. Gulir ke bawah dan klik tombol "Commit new file".

Langkah 4: Mengaktifkan GitHub Pages

Kamu bisa memeriksa status GitHub Pages untuk memastikan.

  1. Di halaman repositori kamu, klik tab "Settings".
  2. Di sidebar kiri, pilih "Pages".
  3. Pastikan di bagian "Branch", source yang dipilih adalah main dan folder /(root).
  4. Kamu akan melihat pesan "Your site is published at https://username.github.io/".

Langkah 5: Mengunjungi Halaman Statis Kamu

Sekarang, buka browser kamu dan kunjungi alamat https://username.github.io/. Kamu akan melihat halaman "Halo Dunia!" yang baru saja kamu buat!

Tips Tambahan:

  • Menambah File Lain: Kamu bisa menambahkan file CSS, JavaScript, gambar, atau halaman HTML lainnya.
  • Tema Jekyll: Untuk fitur yang lebih canggih, kamu bisa menggunakan Jekyll.
  • Custom Domain: Kamu juga bisa menghubungkan nama d
Tags:

Apabila ada yang ingin ditanyakan soal artikel diatas atau mau request silahkan tinggalkan komentar sobat di bawah :
1. Berkomentar dengan sopan
2. Tidak memasukkan link aktif dalam form komentar
3. Berkomentar relevan dengan artikel
4. Komentar kasar, ada unsur Sara, pornografi dianggap Spam, dan langsung dihapus.
5. Jangan Silent Rider ya
6. Admin akan coba merespon komentar baru secepatnya.
7. Harap berkomentar dengan bahasa yang baku tanpa singkatan.

Posting Komentar (0)
Lebih baru Lebih lama