깃허브를 저장소처럼 쓰기

Jekyll로 블로그 운영시, 이미지를 블로그 레포에 넣으면 쓸데 없이 용량도 커지고 빌드시간도 길어질 수 있습니다. 그래서 이미지는 다른 곳에 저장해놓고 링크만 가져오는 방법이 필요합니다. 다음과 같은 방법이 있을 수 있습니다.

이미지 링크를 따오는 다양한 방법

1. 인터넷에 돌아다니는 링크 가져오기
2. 구글 드라이브, 네이버 드라이브 등 클라우드 서비스에 올리고 링크 따오기
3. 깃허브를 저장소로 만들고 링크 따오기

각 방법의 장단점

링크 가져오기

빠르게 링크를 삽입할 수 있지만, 내가 원하는 이미지를 찾는 시간이 오래 걸리고, 결정적으로 그 링크가 언제 삭제될지 모르는 단점이 있습니다.

클라우드 서비스에 올리고 링크 따오기

핵심은 이미지 링크를 내가 관리한다는 점입니다. 2번이 어쩌면 가장 편하고 좋은 방법일 수 있습니다. 밑에서 나오는 깃허브 링크도 어찌됐든 용량관리는 해야하기 때문입니다. 좀 변칙적인 방법으로는 내가 관리하는 티스토리, Blogger등에 이미지를 먼저 올리고 그 링크를 따오는 방법도 있을 수 있겠습니다.

깃허브를 저장소처럼 이용하기

깃허브에 이미지 파일을 올리면, 깃허브 사이트도 그것을 보여주기 위해 어쨌든 링크를 따로 만들고 제공해야합니다. 이 점을 활용하여 깃허브에서 생성된 이미지 URL을 복사하여 붙여넣을 수 있습니다. 더 나아가면 레포지터리 하나를 통째로 이미지 호스팅을 위한 레포지터리로 만들 수 있습니다.

깃허브 저장소로 만드는 방법

1. 레포지터리 만들기

   

   • 먼저 레포지토리를 만듭니다.

2. 이미지 업로드하기

   

   • 저장소 클론을 해서 이미지를 올려도 좋습니다.
   • 깃허브 사이트에서 바로 올리고 싶으면 Add File > Upload Files를 클릭해서 이미지를 업로드 합니다.
   • 폴더째로 올리고 싶다면 폴더를 드래그앤 드롭 하면 됩니다.

   

   이미지가 잘 올라간 것을 확인할 수 있습니다.

3. 이미지주소 복사

   

   • 디렉토리를 통해 해당 이미지로 들어간다음 이미지 주소 복사하기 를 누릅니다.
   • 해당 주소를 브라우저 URL로 붙여넣으면 이미지만 깔끔하게 잘 로드되는 것을 확인하실 수 있습니다.

---

이제 이 링크를 활용하면 됩니다!

끝.