Google Drive에 호스팅된 이미지가 GitHub blog에서 보이지 않는 이슈

들어가며

오랜만에 블로그 관리하려고 들어갔는데 이미지들이 전혀 보이지 않는 이슈가 생겼다. 나만 그런 줄 알았는데 다른 블로그도 전부 다 그랬다. 그래서 왜 그런가 하고 바로 구글링을 하는데 아무래도 구글 드라이브에서 이슈가 생긴 거 같다. 원래는 로컬에 사진을 올리다 관리가 힘들고 용량이 너무 커져서 구글 드라이브에 올린 뒤 https://drive.google.com/uc?id로 해서 올렸는데 이제는 구글에서 업데이트가 되어서 실행되지 않는다.

문제점

위에 사진처럼 이미지가 보이지 않는다. 포스팅 내용뿐만 아니라 썸네일도 전혀 보이지 않는다.

코드를 수정하고 commit를 해봤는데 사진이 흐리게 보이는 문제가 생겼다. 그래서 다시 알아봤더니 생각보다 간단하다. &sz=w1000를 뒤에 붙이면 되는 거였다.

그러면 이렇게 깔끔하게 사진이 보이는 것을 확인 할 수 있다.

이슈 검색

우선 구글에 문제가 있을 것으로 생각하고 어떤 이슈가 있는지 확인을 해봐야 한다. 우선 구글 IssueTracker에 “403 Forbidden for https://drive.google.com/uc?export=download&id=” 이러한 내용들이 있었다. 우선 구글 이슈를 봤을 때는 기존에 사용하던 uc?id= 를 사용하지 않고 thumbnail를 사용하는 것으로 확인되었다. 그리고 깃허브에서도 이러한 내용이 있었다. Images hosted on Google Drive are not displaying on a website hosted on GitHub Pages OLD CODE: https://drive.google.com/uc?export=view&id={ID} NEW CODE: https://drive.google.com/thumbnail?id={ID}&sz=w1000 이런 식으로 바꿔야 한다.

마치며

그동안 로컬에 사진을 첨부하지 않고 클라우드를 빌려서 올렸는데 그동안 포스팅한 내용의 사진들을 다시 다 코드를 바꿔야 하는 문제가 생겼다. 그리고 갑자기 왜 이런 이들이 일어나는지는 솔직하게 아직도 잘 모르겠다. 하지만 새로운 방법을 찾아서 나쁘지는 않다. 앞으로 블로그 관리도 자주 하고 글 수정도 최대한 빠르게 해야겠다. 그리고…. 앞으로 내 NAS를 사용하든가 아니면 다른 방법을 찾아봐야 할 거 같다.

맨 위로 올라가기