Cara Hosting Javascript, CSS dan HTML Di Github

Cara Hosting Javascript, CSS dan HTML Di Github - Github merupakan sebuah website penyedia layanan yang berfungsi untuk penyimpan proyek perangkat lunak secara gratis. Github merupakan web paling populer di dunia maya untuk hosting dan kolaborasi software. Github juga menjadi website favorit developer untuk menyimpan proyek ataupun karya-karya mereka. Bahkan kebanyakan para blog designer juga memanfaatkan Github untuk menyimpan atau menghosting file Javascript (js), CSS bahkan HTML dengan layanan gratis.

Jika berbicara web penyedia layanan untuk untuk menyimpan, meng-upload atau meng-hosting file JS, CSS bahkan HTML bisa sobat lakukan di yourjavascript, googledrive dan mash banyak lagi. Akan tetapi Github ini menjadi pilihan utama para blogger untuk melakukan hal tersebut. Disamping kemudahan akses, github juga bisa dikatakan sangat cepat untuk di akses.

Kecepatan sebuah akses dari web penyedia layanan untuk menyimpan file js, css dan html juga sangat berpengaruh terhadap loading sebuah blog, serta file js, css bahkan html yang di upload atau lebih popularnya di hosting di berbagai web penyedia layanan penyimpanan dan file tersebut digunakan dalam sebuah template akan menghasilkan skor kecepatan blog rendah bahkan loading blogpun akan terasa lambat.

Maka dari itu, saya sarankan untuk menghosting file-file js, css yang digunakan di blog sobat ke Github saja, dan untuk meng-Hosting Javascript, CSS dan HTML Di Github, sobat bisa ikuti tutorial singkat berikut :

Cara Hosting Javascript, CSS dan HTML Di Github

1. Langkah awal, silahkan sobat buat akun di Github melalui link https://github.com/join
2. Isi form yang dibutuhkan seperti username, email dan password > scrol kebawah dan klik Create an acount
3. Step Selanjutnya, silahkan pilih Free dan klik Continue
4. Step Selanjutnya, silahkan sobat pilih yang perlu sobat cantumkan atau bisa klik Skip this step
5. Langkah selanjutnya sobat akan di hadapkan ke dasbor Github, dan pada dasbor github silahkan sobat klik New repository. Namun sebelum tu silahkan verifikasi akun github sobat dengan mengklik link yang di kirim ke email yang tadinya sobat gunakan untuk mendaftar di Github.
6. Selanjutnya silahkan isi nama dari Repository > Centang Initialize this repository with a README > Kemudian klik Create Repository
7. Selanjutnya, untuk mengupload file js, css dan html silahkan klik Upload files
8. Setelah itu, silahkan drag atau klik Choose your files dan setelah file berhasil di upload silahkan klik Commit Changes.
9. Untuk memanggil file yang sudah di upload di Github tadi, silahkan sobat klik kanan dan pilih Copy link Address
10. Setelah itu silahkan buka https://rawgit.com/ dan tempelkan hasil copy link github tadi ke rwagit. Kemudian salin URL dengan cdn.rawgit.com seperti gambar di bawah ini

Berikut contoh hasil file js yang sudah di hosting ke github dan siap di pasang di blog tentu saja

https://cdn.rawgit.com/pehawe/file/1c2db1fc/test.js

Selain rawgit, sobat juga bisa menggunakan Staicaly sebagai sumber cdn alternatif tercepat dan terbak.

Demikian tutorial bagaimana Cara Hosting Javascript (js), CSS dan HTML Di Github yang dapat sobat terapkan di blog sobat. Semoga bermanfaat dan Salam luar biasa.

Share this post