다음예와 같이 적용하면 된다.

gh/아이디/프로젝트명@버전/ 파일

https://cdn.jsdelivr.net/gh/braverokmc79/easyk@1.0.0/include/images/bg00.jpg

https://cdn.jsdelivr.net/gh/braverokmc79/my-mall@1.0.0/css/ion.zoom.css

// load any GitHub release or commit

// note: we recommend using npm for projects that support it

https://cdn.jsdelivr.net/gh/user/repo@version/file

// load jQuery v3.2.1

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

// use a version range instead of a specific version

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js

https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

// omit the version completely to get the latest one

// you should NOT use this in production

https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

// add ".min" to any JS/CSS file to get a minified version

// if one doesn't exist, we'll generate it for you

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

// add / at the end to get a directory listing

https://cdn.jsdelivr.net/gh/jquery/jquery/

향상된 기능

jsDelivr는 또한 다음과 같은 재밌고 매우 유용한 기능을 제공합니다:

버전 앨리어싱(Version Aliasing)

프로젝트를 불러올 때 각 버전별로 별개의 URL을 쓰는 대신에 앨리어싱을 사용할 수 있습니다. Abaaso 프로젝트를 예로 들어 설명해 보겠습니다. 현재 가장 최신 버전은 3.10.50이고 여러분은 언제든지 URL에 특정 버전을 지정하여 불러올 수 있습니다. 하지만 이 프로젝트는 업데이트 횟수가 매우 잦기 때문에 여러분이 사용하는 프로젝트가 금방 구버전이 될 가능성이 높습니다. 이 문제를 해결하기 위해 다음의 간단한 URL을 사용할 수 있습니다:

//cdn.jsdelivr.net/abaaso/3.10/abaaso.min.js

3.10이라고 명시하여 3.10 브랜치에서의 최신 버전, 위 경우 3.10.50,을 불러오도록 하는 것입니다. 이 방법은 메이저 업데이트로 인해 발생하는 에러에 걱정없이 가장 최신의 마이너 버전을 불러올 수 있기 때문에 대다수가 선호하는 옵션입니다.

이 옵션은 다음과 같은 URL을 사용하여 v3 브랜치에서의 최신 버전을 불러오는 것도 물론 가능합니다:

//cdn.jsdelivr.net/abaaso/3/abaaso.min.js

그리고 혹시 어떤 이유에서든 무조건 가장 최신 버전을 불러올 경우라면 다음과 같이 사용하실 수 있습니다:

//cdn.jsdelivr.net/abaaso/latest/abaaso.min.js

'latest'를 사용함으로써 서버측에 무조건 가장 최신의 버전을 불러오도록 명령을 내리는 것입니다. 이것은 당연히 위험할 수 있으며 여러분의 웹사이트에 에러를 불러올 수 있으니 이 기능을 사용할 때에는 주의가 필요합니다.

단일 HTTP 요청을 통해 여러 파일 불러오기

jsDelivr는 이런 류의 기능을 제공하는 첫번째 CDN입니다. 여러분은 한번의 HTTP 요청만으로 여러 파일을 불러올 수 있습니다. 여러분이 가진 서버에 js 파일들을 합치고 축약하는 방식과 비슷하지만 jsDelivr의 거대한 스마트 네트워크에 의해 캐시로 저장됩니다.

여러분이 할 일은 여러분이 합치고자 하는 프로젝트와 파일과 필요하다면 버전까지 그들의 URL을 만드는 것입니다. 예를 들어, abaaso, ace, alloyui 프로젝트의 최신 버전을 불러오기 위해서는 다음 문장처럼 사용하면 됩니다.:

//cdn.jsdelivr.net/g/abaaso,ace,alloyui

가장 최신 버전을 불러오는 것은 그다지 추천할만한 하지는 않으며 여러분의 웹사이트를 죽일 수도 있음을 알아두세요. 이것이 바로 정확한 버전을 특정하는 게 좋은 이유입니다.

//cdn.jsdelivr.net/g/jquery@2.1,angularjs@1.2

그래서 jquery@2.1 은 2.1.0을 불러오고 angularjs@1.2 는 1.2.14를 불러올 것입니다. 하지만 위의 URL은 각 프로젝트들의 주요 파일들만 불러오며 다른 것들은 불러오지 않습니다.

혹시 하나의 프로젝트에서 여러 파일들을 불러오고 싶다면 다음과 같이 하세요:

//cdn.jsdelivr.net/g/jquery@2.1,angularjs@1.2.14(angular.min.js+angular-resource.min.js+angular-animate.min.js+angular-cookies.min.js+angular-route.min.js+angular-sanitize.min.js)

CSS를 불러오고 싶다면 다음과 같은 형식으로 css 파일을 선택하세요. 만약 URL 그룹에 있는 모든 파일들의 확장자가 .css라면 서버는 자동으로 Content-Type: text/cssHTTP 헤더와 함께 응답을 보냅니다. 그 외의 다른 모든 경우에는(/g/ URL의 경우) Content-Type: application/javascript HTTP 헤더가 사용됩니다.

다음으로 간단히 여러분의 웹사이트에 url을 첨부하기만 하면 됩니다. DNS 확인(DNS resolving)을 줄이고 TCP 연결을 줄이고 HTTP 요청을 줄이면 = 더 빠른 웹사이트입니다.

여러분은 심지어 여러분의 사용자들이 필요한 모듈을 포함한 URL을 만들어 빠른 CDN을 통해 불러올 수 있게  이 기능을 제공할 수도 있습니다.

실시간 API

jsDelivr는 자체 모듈이나 https://github.com/jsdelivr/api 를 생각하는 어떤 것이든 만들 수 있도록 개발자 분들이 사용할 수 있는 완전한 API를 제공합니다.

여러분은 거대한 package.json 파일을 다운받는 것을 제외하고는 정확히 필요한 것이 무엇인지 요청할 수 있습니다. 그리고 그것은 물론 cdnjs와 구글을 지원하기 때문에 이러한 방법을 통해 개발자들은 어플리케이션에 적용하고싶은 무엇이든지 가질 수 있습니다.