Juni 13, 2020

Hosting Gratis CSS dan JavaScript di GitHub

Cara hosting gratis CSS dan JavaScript di GitHub ini bisa dipakai jika sedang tidak menggunakan jasa layanan webhosting namun perlu css dan js eksternal bagi website Anda. Kebutuhan untuk meletakkan css, dan terutama js, serta file lainnya ini biasanya karena ada hal atau target yang hendak dicapai.

Sejak layanan hosting Google code ditutup pada Januari 2016 karena sebagian besar proyek developer ditengarai pindah ke GitHub dan Bitbucket, Google sendiri telah memindahkan sebagian besar proyek open source mereka ke GitHub agar para pengembang dapat memakainya dengan mudah.

Git adalah versi sistem kontrol, sedangkan GitHub adalah layanan hosting repositori Git berbasis web, yang menawarkan semua kontrol revisi yang terdistribusi dan fungsi source code management (SCM) dari Git, selain menambahkan fitur yang lain.

Hosting Gratis CSS dan JavaScript di GitHub

Selain bisa membuat dan mengembangkan proyek sendiri, pengguna GitHub juga bisa melakukan apa yang disebut sebagai Forking a repo, yaitu membuat proyek baru berdasarkan proyek dari pengguna lain. Anda juga bisa berkontribusi pada proyek orang lain, membayar repo, membuat perubahan serta merilisnya sebagai repo baru.

Sebelum berlabuh di GitHub, saya sudah lebih dulu mencoba menggunakan Google Drive dan Dropbox, namun kedua layanan penyimpanan file gratis itu tidak menyediakan hosting file yang bisa diakses isinya secara publik agar bisa digunakan di website.

Nah kembali ke topik, untuk membuat hosting gratis bagi CSS dan JavaScript serta file eksternal lainnya di GitHub, lakukan langkah sebagai berikut ini.

  1. Buat akun di GitHub, dengan mengisi data ‘Username’, ‘Email‘, ‘Password‘, dan lalu tekan ‘Sign up for GitHub’.
    Pilih ‘Free Plan‘ jika kebutuhan Anda hanya untuk menyimpan file yang bisa diakses secara public
  2. Isi survey tentang di Anda terkait programming experience, untuk apa GitHub hendak digunakan, gambaran tentang diri Anda, dan mengisi topik yang menarik perhatian Anda, misalnya web-development.
    Klik Submit.
  3. Periksa Email dari GutHub, dan klik taut yang ada di dalam pesan untuk melakukan verifikasi terhadap Email Anda.

    Setelah klik verifikasi, Anda akan dibawa ke halaman dengan pesan bahwa ‘your email was verified’, dan pilihan untuk ‘Read the guide’ atau ‘Start a project’.
    Untuk panduan ini, klik ‘Start a project’.

    Hosting Gratis CSS dan JavaScript di GitHub
  4. Jangan keder dulu dengan ‘Create a new repository‘. Anggap saja seperti membuat nama subdirectory untuk memudahkan Anda ketika hendak mencari file jika hendak diperbarui atau diedit.
  5. Setelah memberi nama pada repository, biarkan pilihan pada ’Public’, dan Anda bisa centrang kotak ’Initialize this repository with a README’.
  6. Ganti isi file README dengan informasi tentang file yang Anda hendak buat atau unggah. Setelah selesai, scroll ke bawah dan klik ’Commit new file’. Di GitHub, kata ’Commit’ sama artinya dengan 'Save', dan setiap perubahan yang Anda, atau orang lain, lakukan akan terekam dalam log.
  7. Klik 'Upload files' pada menu untuk mengunggah css atau js yang sudah dibuat. Drag & drop file-nya ke area unggahan, atau klik 'Choose your files' untuk mencarinya di komputer.
    Selesai upload, klik ‘Commit changes‘
  8. Di menu, klik 'Settings', scroll ke bawah sampai menemukan 'GitHub Pages'.
    Pada 'Source', pilih 'master branch', dan akan muncul pesan 'Your site is published at ....'.
    Salin tautnya ke notes, tambahkan nama file css atau js Anda di ujung belakangnya sebagai alamat taut file Anda.

    Butuh waktu hingga 10 menit, sebelum taut itu bisa diakses melalui web. Jika melakukan perubahan, maka versi baru biasanya muncul setelah sekitar 1-2 menit saja.

Lihat Video

Demikian panduan tentang cara membuat hosting gratis file CSS dan JavaScript di GitHub. Semoga bermanfaat.
Label: CSS, GitHub, Hosting, JavaScript, Tutorial
Bagikan ke: WhatsApp, Email. Print!.

aroengbinang, seorang penyusur jalan.
Traktir BA secangkir kopi? Scan via 'Bayar' GoPay.