Cara Membuat Hosting File JS di Github Menggunakan CDN Staticaly

Cara Membuat Hosting File JS di Github Menggunakan CDN Staticaly
AksesBlog.com - Sebagai seorang blogger yang hoby ngoprek template tentunya saya memerlukan hosting file, untuk membackup file-file yang saya kerjakan. Terlebih lagi jika mendapatkan tutorial dari web lain yang menggunakan hosting JS sendiri maka saya harus segera menghostingnya sendiri.

Ini saya lakukan untuk berjaga-jaga kalau saja kedepannya hosting JS yang dari web tersebut error dan tidak bisa diakses lagi, saya bisa dengan mudah memiliki backup dari file JS tersebut tanpa harus menunggu admin webnya untuk upload ulang hosting tersebut.

Mendaftar GitHub

Pertama kali tentunya kamu perlu mendaftar dan memiliki akun GitHub (jika kamu sudah punya, lewati tahap ini) :
  • Masuk ke "https://github.com/" dan Klik "Sign Up" yang ada di pojok kanan atas.
  • Isi "Username, Email Address, dan Password" dan jangan lupa untuk mengisi captcha yang ada.
  • Setelah itu klik "Creat an account".
  • Selanjutnya lakukan verify email yang telah kamu gunakan untuk mendaftar.
Seharusnya sampai sini akun GitHub kamu sudah bisa digunakan.

Membuat Repository Baru dan Menghosting File

Repository ini berguna untuk kamu menyimpan seluruh project yang kamu akan buat kedepannya dan disini bisa kamu pisahkan antar project yang kamu sedang buat.
  • Klik Tombol Plus (+) diatas kanan pada halaman GitHub.
  • Klik "New Repository"
  • Kamu perlu mengisi Repository Name, Desciprtion dan ceklist pada "Initialize this repository with a Readme"
Initialize this repository with a Readme
Bagian ini sangat penting..!!
Setelah itu jangan lupa untuk klik "Create repository" dan kamu akan dialihkan ke halaman selanjut nya guna upload dan create file yang ingin kamu hosting.

Untuk create file yang ingin kamu hosting sebagai berikut (pada contoh ini saya akan membuat filenya) :
  • Kamu bisa klik "Create new file"
Create new file
  • Pada halaman selanjutnya kamu bisa mengisi nama dari hosting yang kamu sedang buat, pada contoh kali ini saya akan menghosting file javascript dari Related Post.
menghosting file javascript dari Related Post
  • Jika sudah kamu bisa Scroll kebawah dan klik saja "Commit new file". 
  • Selanjutnya kamu akan mendapati file nya dan jangan lupa untuk copy link address file tersebut untuk nanti kita gunakan ke CDN Staticaly.
copy link address file

Menggunakan CDN Staticaly

Setelah kamu membuat ataupun mengupload file yang ingin kamu hosting, copy filenya tadi kita akan gunakan untuk CDN Staticaly dan bisa kita gunakan di blog juga.
  • Masuk ke https://www.staticaly.com/.
  • Masukan Url Github yang sudah kamu copy tadi, dan paste di kolom web statically dan akan muncul juga file hosting CDN yang bisa kamu gunakan.
https://www.staticaly.com/
Tampilan Halaman Web Staticaly
Saya rasa sampai sini kamu sudah bisa menggunakan CDN Staticaly dengan baik dan bisa digunakan sesuai kebutuhan kamus sendiri, kalau saya biasa gunakan untuk hosting JS ketika saya edit template blogger untuk optimasinya.

Sebenarnya selain statically ada banyak layanan CDN Sejenis ini seperti :
  1. Githack - https://raw.githack.com/
  2. jsDelivr - https://www.jsdelivr.com/rawgit
Kalau dulu itu yang paling populer itu adalah Rawgit, namun akan dinonaktifkan dan tidak bisa mengkonversi lagi layanan CDN nya, dan hanya akan aktif paling tidak hingga oktober 2019 ini. Jadi saya merekomendasikan kamu untuk mulai beralih ke layanan CDN alternatif lainnya yang sudah kita bahas pada artikel ini.

6 Responses to "Cara Membuat Hosting File JS di Github Menggunakan CDN Staticaly"

  1. Balasan
    1. Wah komentar pertama nih di blog saya, tks mas sudah nyasar kesini. hehe

      Hapus
    2. Thanks sudah pakai Staticaly mas, apakah Staticaly bekerja dengan baik?

      Hapus
    3. Selama ini tidak ada masalah kok mas, bahkan related post blog ini menggunakan staticaly.

      Hapus
    4. Sip kalau begitu, apa ada email yg bs saya hubungi, saya ingin mengabari jika ada fitur baru dari Staticaly :)

      Hapus
    5. Bisa langsung contact aja di blog ini mas.
      Mas developer Statically yah..??

      Hapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel