Cover Cara Membuat halaman Github Gratis
Cover Cara Membuat halaman Github Gratis

Cara Membuat Halaman Github Gratis

profil
Febri Hidayan
20 December 2020 ยท Baca 3 menit

Jika Anda ingin membuat halaman web statis secara gratis bisa menggunakan Github Pages layanan hosting dari Github. Hanya membuat repositori bernama akun pengguna Github Anda bisa membuat situs secara mudah dengan subdomain .github.io.

Daftar isi:

Buat halaman github

1. Persiapan awal

Sebelum Anda memulai ada beberapa syarat yaitu telah menginstal Git dan memiliki akun Github. Apabila sudah siap silakan masuk ke profil Github Anda dan ikuti gambar dibawah ini untuk membuat repositori.

gambar 1

2. Buat repositori github

Cara membuat repositori cukup mudah dengan membuat nama repositori dan konfirgurasi lainnya, lihat gambar berikut:

gambar 2

Penjelasan:

  1. Jika Anda ingin membuat halaman Github nama repositori harus disesuaikan, misalnya nama pengguna Anda febrihidayan maka repositori harus dibuat febrihidayan.github.io sesuai dengan subdomain dengan nama pengguna.
  2. Buatlah deskripsi singkat tentang repositori Anda atau biarkan saja kosong.
  3. Pilihlah Public agar Anda bisa menggunakan layanan Github Pages secara gratis, karena kalau Anda buat Private maka Anda harus menggunakan akun perbayar untuk layanan tersebut.
  4. Setelah itu langsung tekan tombol Create repository.

Bagaimana dengan Initialize this repository with:? Anda bisa mengabaikannya dan itu bisa ditambahkan nanti bila Anda membutukan berkas tersebut.

3. Unggah ke github

Saya harap Anda bisa melakukan ini tanpa terjadi kesalahan saat proses unggah berkas ke Github. Saya sudah membuat direktori GithubPages dan berkas index.html seperti berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Github Pages</title>
</head>
<body>
    <h1>Github Pages</h1>
    <p>Hai semuanya, bersama saya Febri Hidayan.</p>
</body>
</html>

Silakan buka terminal atau CMD kemudian masuk ke direktori projek Anda, lalu lakukan perintah git dibawah ini: Instal git di projek

git init

Commit repositori

git add *
git commit -M "init commit"

Membuat branch

git branch -M main

Catatan: Sekarang branch bawaan Github yaitu main yang sebelumnya master.

Menambahkan remote github

git remote add origin https://github.com/febrihidayan/febrihidayan.github.io.git

Catatan: Setiap tautan remote repositori berbeda-beda dan sesuaikan dengan akun dan repositori Anda.

Proses unggah ke github

git push -u origin main

Berikut cara untuk langsung unggah ke repositori Github:

gambar 3

Catatan: Jika Anda gagal unggah ke Github, kemungkinan besar kesalahan terjadi di karenakan Anda belum login ke akun Github.

4. Hasil halaman github

Setelah proses unggah berhasil Anda bisa langsung melihat halaman situs statis yang Anda buat, lihat gambar berikut:

gambar 4

Bonus

Cara login git dengan akun github

Silakan untuk membuka terminal atau CMD, lalu ikuti langkah dibawah ini:

Masukan username github

git config --global user.name "username"

Masukan mail github

git config --global user.email nama@domain.com

Memastikan login berhasil

git config --list

Buat halaman cabang github

Cara ini memungkinkan Anda membuat halaman situs dengan repositori tanpa disertai nama github.io. Misalnya saya memiliki repositori github-pages maka akses ke halaman situs dengan http://febrihidayan.github.io/github-pages. Cara pasang Github Pages cukup mudah tinggal masuk ke repositori -> Settings, kemudian lihat langkah pada gambar dibawah ini:

gambar 5

Sekarang Anda bisa langsung membuka halaman situs Anda.


profil

DITULIS OLEH

Febri Hidayan

Belajar dari sekarang untuk meningkatkan ilmu dan karirmu. Amati Tiru Modifikasi