google drive에 있는 이미지 외부 링크 만들기

github 블로그를 작성할 때 이미지를 넣는 방법은 다양하게 있다.

repository에 직접 이미지를 넣어도 되고(하지만 이것은 용량에 한계가…)

약간의 꼼수(?)으로 용량 측정의 대상이 아닌 issue를 이용하는 방법도 있고

자신이 이용하는 클라우드를 사용해도 된다.

본인은 구글 드라이브를 사용하고 있으므로 구글 드라이브에 이미지를 업로드하여 링크를 걸어서 이미지를 넣으려고 했다.

하지만 왠걸!

이런 식으로 이미지가 깨져서 나왔다…

구글링을 통해 그 이유를 알아보니

“구글 드라이브의 공유 주소로는 구글이 제공하는 뷰어에서만 볼 수 있다”고 한다.

그래서 구글 드라이브의 공유 주소를 바로 사용하면 안되고, 외부 링크로 변환해주는 과정이 필요하다고 한다.

구글 드라이브에서 원하는 파일을 우클릭하면 공유 가능한 링크 가져오기 라는 항목이 있다.

이 항목을 누르면 링크가 나온다.

이때,

비공개가 아닌, 모든 사용자에게 공개 로 설정되어 있어야 링크를 넣었을 때 이미지가 제대로 뜬다.

주소 변환하기

Google Drive path

Linkable Image path

Image Tag

Preview image

참고 링크

여기서 주소 변환 방법은

https://drive.google.com/file/d/’파일의 id 부분’/view?usp=sharing

원래 링크의 파일의 id 부분을 가져와서

http://drive.google.com/uc?export=view&id=’파일의 id 부분’

이렇게 넣어주는 것이다.