Selamat Datang

Selasa, 24 September 2019

Tutorial Menggunakan GitHub Pages

Halo kembali lagi bersama saya Hisarman Saragih dalam blog ini. Setelah sekian lama saya tidak menulis dikarenakan kesibukkan saya sebagai mahasiswa, akhirnya saya dapat menulis kembali. Puji Tuhan.

Saat tulisan ini diterbitkan, saya memasuki semester ke 5 dalam studi saya, dimana ada mata kuliah Pemrograman Web. Dalam mata kuliah tersebut terdapat tugas untuk mengupload (atau mengonline-kan) web html yang telah dibuat. Untuk menyelesaikan tugas tersebut, sepemikiran saya ada beberapa alternatif yang dapat dilakukan, yaitu : menggunakan web hosting+domain berbayar, menggunakan hosting+domain gratis, dan menggunakan Github Pages(Github.io) . 

Yang akan saya jelaskan saat ini adalah menggunakan Github Pages. Ada beberapa pertimbangan saya memilih cara tersebut. Pertama, html dalam tugas tersebut cukup sederhana tidak memerlukan web hosting dan domain yang besar. Kedua, saya sedang belajar menggunakan git. Ketiga, gengsi dan uang tentu saja, Github memiliki reputasi populer dan terkenal di kalangan developer dan gratis. 

Baiklah tanpa berbasa basi langsung saja kita mulai tutorialnya. Dalam cara ini pastikan anda terhubung ke jaringan internet. 

PS : Cara dalam tulisan ini terinspirasi dari artikel Codepolitan.

  • Pesiapaan akun Github dan repo
  1. Buat akun (registrasi) github di situsnya. (Jika sudah langsung lanjut ke langkah ke 2)
  2. Setelah terdaftar, buat repo dengan nama (nama-akun-github).github.io , klik create repostory
  3. Setelah repo terbuat, copy link gitnya ( contoh : https://github.com/Hisarcode/hisarcode.github.io.git)
  • Persiapan File Html dan Git
  1. Pastikan Git terinstall di Komputer anda dengan baik. 
  2. Untuk mengecek udah ter-install belum, ketikkan di terminal <git --version.>
  3. Jika belum instal  Git, download sini , inspirasi cara pakai git.
  4. Pastikan file file html dan pendukung(image, video, .css, ,js) sudah siap dan di masukkan dalam satu folder. Pastikan juga file html tersebut memiliki index.html, karena Github Pages akan auto menampilkan index.html nanti di Github Pages-nya.
  • Eksekusi
  1. Buka terminal dari folder tersebut 
  2. tuliskan <git init>, tekan enter
  3. tuliskan <git add .(spasi titik)> , tekan enter
  4. tuliskan <git commit -m "Isi komentar terserah"> , tekan enter
  5. tuliskan <git remote add origin https://github.com/Hisarcode/hisarcode.github.io.git> tekan enter , link ini ganti dengan link yang uda di copy tadi
  6. tuliskan <git push origin master>, tekan enter
  7. selesai , anda dapat cek dengan membuka (nama-akun-github).github.io, jika berhasil maka web anda akan kelihatan.

Sekian tutorial ini saya buat, terimakasih sudah mampir, semoga dapat membantu.Jangan lupa share apabila artikel ini membantu. Terimakasih.

P.S. = Tutorial ini dibuat menggunakan hemat saya mohon maaf apabila ada kurang. Saran dan pertanyaan yang membangun dapat di tulis di kolom komentar terimakasih.

Tidak ada komentar:

Posting Komentar

Mari Berkomentar

Designed By