Cara Implementasi Menggunakan Github Pages


Cara Implementasi menggunakan Github Pages -  Github Pages merupakan hosting static file gratis yang disediakan oleh github untuk para developer. Static file disini ialah seperti HTML, CSS, Javascript, Images, dll, yakni kode - kode cliet-side sebuah website yang tidak lagi memerlukan cimpile, transpile, ataupun webserver untuk menjalankannya.

Keuntungan Menggunakan GitHub Pages

  • Tidak Perlu Setup Server. Kita tidak perlu setup server karena GitHub sendiri yang akan menjadi host GitHub Page kita.
  • Keterbatasan dan Keamanan. GitHub Page hanya memperbolehkan/membatasi kita untuk menggunakan beberapa tools saja, misalkan Jekyll dan Hugo. Dengan ini kita tidak perlu pusing memikirkan keamanan.
  • Cepat Deploy. Kita tinggal membuat repository dengan nama <username>.github.io lalu ketikkan kode HTML atau Markdown pada laptop kemudian push ke repository tersebut.
  • Untuk dapat menggunakan github io pastikan anda sudah mendaftar akun di layanan github. Setelah itu pastikan komputer anda sudah terinstal aplikasi untuk mengatur repositori Git kita dari desktop. Aplikasi yang digunakan bisa git bash atau Github Desktop. Siapkan web statis yang akan di upload pada resositori github.
         
          

  • Klik Sign In, kemudian masukkan akun github yang sudah pernah di daftarkan
         

  • Setelah masuk di halaman github, jita membuat repositori dengan Klil "New" seperti contoh dibawah ini
          

  • Agar repositori kita dapat berfungsi sebagai Github Pages yang dapat ditampilkan sebagai website, maka syarat dari Github adalah nama repositori mesti berformat username.github.io. Contohnya, karena username saya adalah astromedia280, maka saya harus membuat repository dengan nama astromedia280.github.io. Centang pada “Initialize this repository with a README” Setelah itu klik tombol Create Repository seperti contoh dibawah ini.
          

  • Setelah itu Klik "Code" lalu klik icon di sebelah url repositori
          
  • Buka aplikasi untuk git yang terinstall di komputer anda. Disini menggunakan git bash. Klik kanan pada lokasi yang mau simpan repo lalu pilih "git bash Here" seperti contoh
          

  • Ketikkan "git clone alamat repositori" untuk mendownload repositori. Contoh seperti dibawah ini
       

  • Kemudian copy semua file web statis ke dalam directori "username.github.io" seperti contoh dibawah ini
          

  • Kemudian kembali pada git bash yang digunakan untuk clone atau downloadrepositori. Ketikkan perintah “cd username.github.io” sesuai dengan nama username github anda masing-masing seperti contoh dibawah ini


  • Ketikkan perintah "git init" seperti contoh dibawah ini
          

  • setelah itu ketikkan perintah "git add * " seperti contoh dibawah ini
          

  • Kemudian ketikkan "git commit -m "github io( isi kata bebas)" seperti contoh dibawah ini
          

  • Kemudian ketikkan perintah "git push -u origin master" dan masukkan username github anda masing - masing seperti contoh dibawah ini
          

  • Setelah itu akan muncul permintaan password akun github dan isikan password sesuai akun git hub anda seperti contoh dibawah ini
        
  • Maka akan ada proses upload pada git bash seperti gambar dibawah ini
          

  • Cek kembali pada repositori anda di github untuk memastikan file sudah terupload
          

  • Kemudian kita coba mengakses web statis yang kita buat dengan menggunakan browser dan ketikkan "username.github.io" pada url browser. Contoh url "https://astromedia280.github.io/". Jika tidak bisa masuk ke Setting-> Lalu Cari Github Pages-> lalu pilih Source-> ubah pilihan none menjadi master->setelah itu kilk save
          


Sekain Cara Implementasi Menggunakan Github Pages, Jika ada pertanyaan Tulis dikolom komentar. Kunjungi terus website saya tentang teknologi, Gadget,Tutorial, dll. Sekian dan Terimakasih


Belum ada Komentar untuk "Cara Implementasi Menggunakan Github Pages"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Klik Iklan Bawah Artikel