Cara Membuat Hosting File JS di Github Menggunakan CDN Staticaly
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"
![]() |
Bagian ini sangat penting..!! |
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 Create new file](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwC1qjAArfJxVee3Yk72zDvsM7ceIjJXxJkqydMpR6pqVpa5txmiEx0okeM8j8Uo7RdecX_0YIBPJvutBnZIRPgD0nSjC6Decn2xM78fxazir0rVWg96lHjQZEvwmFPRaCsL45v4D5XPA/s640/create_fil_git.png)
- 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 menghosting file javascript dari Related Post](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE6gnutDMfQHfro56xyb9hoRA1ZOMVUuDkfQWCyjXH32-wZ9f7VOJXf5gQzkBuyC1n7RxgbiGYpUg8K5Xj8p5KR_DD1aUN7MUisRxo6omRtYyQ0xav5U20C0bhcnDyqyPgnrnnAS8t04E/s640/contoh_github.png)
- 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 copy link address file](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNCfthJPkKxzouRH5DAUSMIlKuNImw4qwRsyqQHSTSTRoBI2ixhG-VHhIP_iygOhTrPwfOyEpwxKaO_cP9ay0zV3Ehy6ob2ksyaSatjASEyhBd4j88e-9MhWsB0VjJGfSzaVgNgIgoGc/s640/copy_link_address.png)
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.
![]() |
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 :- Githack - https://raw.githack.com/
- 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.
Posting Komentar untuk "Cara Membuat Hosting File JS di Github Menggunakan CDN Staticaly"