Github에서 jsdelivr CDN을 통해 자산을 제공하는 방법.

이 게시물에서는 CDN을 통해 github에서 UI 자산을 제공하는 방법을 살펴보겠습니다.

TLDR; CDN(Content Delivery Network)은 기본적으로 빠른 콘텐츠 전송을 제공하는 서버와 데이터 센터의 네트워크입니다.

오늘은 Node.js 프레임워크인 Koa에 대해 알아보았습니다. 문득 미래의 사이드 프로젝트에 사용할 수 있는 상용구 코드를 만들 수 있다면 어떨까 하는 생각이 들었습니다. Koa와 타이프스크립트를 사용하여 기본 볼리어플레이트를 스캐폴드할 수 있었습니다.

관심이 있는 경우 github repo에 대한 링크가 있습니다. 아직 진행 중입니다.

skarthikeyan96/node-koa-starter

실제 문제가 시작되었습니다. 읽어보기에 배너를 추가하고 싶었습니다. 저는 단순한 배너를 디자인했지만 한 가지 알고 있는 것은 dropbox나 imgur를 사용하고 싶지 않았다는 것입니다.

인터넷 검색이 시작되었고 마침내 내 퀘스트가 jsDelivr로 끝났습니다. 그것은 내가 직면한 문제를 해결하는 것이었다.

jsDelivr를 사용하여 파일을 제공하는 방법은 다음과 같습니다.

저장소 설정



저장소에 배너 파일을 추가하십시오.



CDN을 통해 자산을 제공하려면 jsDelivr의 구문을 따르십시오.

// load any GitHub release, commit, or branch
// note: we recommend using npm for projects that support it

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

아래는 예제 구문입니다.

![banner](https://cdn.jsdelivr.net/gh/skarthikeyan96/node-koa-starter/banner.png)

이제 readme 파일에 자산 URL을 추가하고 변경 사항을 github readme에 푸시합니다.

🎉🎉🎉 문제 해결



읽어주셔서 감사합니다. 모두에게 도움이 되길 바랍니다. 제가 놓친 부분이 있으면 댓글로 알려주세요.

몇 가지 유용한 리소스

jsDelivr - A free, fast, and reliable CDN for Open Source