Header Ads

[Panduan Pemula] Cara Menggunakan JSDelivr

JSDelivr adalah jenis CDN khusus. Itu dibuat untuk memungkinkan pengguna mengunduh pustaka JavaScript yang dihosting di npm dan Github. (Anda juga dapat memuat plugin Wordpress jika di-host di Wordpress.org).

Tidak seperti halnya web Staticaly atau Githack yang hanya bermodalkan copy paste alamat URL yang ditersedia. Namun untuk JSDelivr saya sampai saat ini belum menemukan menu khusus yang menyediakan seperti halnya dua situs diatas.



Namun setelah saya membaca secara seksama bagaimana cara penggunaan dari layanan JSDelivr baik dari situs mereka sendiri bahkan literatur mereka yang ada di github sendiri saya menemukan tips bagaimana cara menggunakan layanan Open Source sumber CDN dari JSDelivr.

Bagaimana caranya? Ayo kita mulai..

Tahap awal yang perlu diperhatikan adalah silahkan lihat format link dibawah ini:
https://raw.githubusercontent.com/user/repo/master/file.js

Dan nanti ganti seperti dibawah ini:
https://cdn.jsdelivr.net/gh/user/repo/file.js

Perhatian!
Ganti https://raw.githubusercontent.com menjadi https://cdn.jsdelivr.net/gh sementara branch master dihapus.

Sebagai contoh penerapannya silahkan ikuti langkah-langkah berikut:

Siapkan link GitHub yang ingin digunakan, dan klik "Raw" version.


Dan lihat link hasil raw terlihat seperti dibawah ini:


Link hasil Raw:
https://raw.githubusercontent.com/hanyapedia/hanyapedia/master/highlight-pack.js

Maka penerapannya ubah link diatas menjadi:
https://cdn.jsdelivr.net/gh/hanyapedia/hanyapedia/highlight-pack.js

Dan penerapan pada template seperti dibawah ini:
<script src="https://cdn.jsdelivr.net/gh/hanyapedia/hanyapedia/highlight-pack.js"></script>

Semoga bermanfaat!


No comments

Powered by Blogger.