블로그 작성을 Velog로 시작한 만큼 마크다운 사용에 있어 Velog방식이 너무 익숙해져 있었다.
지금 작성하는 이 글도 사실 Velog로 작성하여 tistory로 옮긴것이다.
Velog식 이미지 올리기
![](https://velog.velcdn.com/images/q83x3x3/post/ee544422-8847-4924-80de-f8df4a68ca34/image.png)
이미지 보기
Velog 에서는 외부 사이트의 이미지를 복사하거나 내 컴퓨터에서 업로드를 하게 되면 velog 서버에 해당 이미지를 저장하여 내 블로그로 가져오는 듯 하다.
tistory로 본진을 옮긴 현재 내가 velog를 이용해서 작성하는 글은 일단 비공개로 저장은 되지만 이미지가 위치한 곳이 velog의 서버라는 점에서 불안정함을 느꼈다.
해서 내가 사용할 리소스들을 구글 드라이브에 올려 사용하기로 하였다.
구글 드라이브에 이미지 올리기
일단 구글 드라이브에 내가 사용할 이미지를 업로드한다.
나는 그리고 이 글을 볼 지 모르는 당신은 원숭이가 아니기 때문에 본 설명은 gif 로 끝내도록 하자.
이미지를 업로드 한 이후에는 외부 사용자가 접근할 수 있도록 권한을 주도록 한다.
이 역시 어려운 일이 아니다.
결코 어렵지 아니한 일
해당 파일을 마우스 오른쪽 클릭 하고
공유 -> 공유
하단에 있는 일반 일반 액세스에서
링크가 있는 모든 사용자 클릭
해당 링크를 복사해 오시면 됩니다.
<예시>
https://drive.google.com/file/d/1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL/view?usp=drive_link
링크를 보자
https://drive.google.com/file/d/1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL/view?usp=sharing
해당 링크 자체를 그냥 두게되면 단순히 하이퍼링크(맞나?) 로 존재하게 된다.
https://drive.google.com/file/d/1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL/view?usp=sharing
본 링크를 누르게 되면 이미지를 그대로 가져오는것이 아니라
이미지를 볼 수 있는 페이지로 이동되며 그곳에서 다운로드를 하는것만 가능할 뿐
이미지를 복사하여 내 니즈대로 사용할 수 없다.
하여 URL을 가공할 필요가 있다.
https://drive.google.com/file/d/1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL/view?usp=sharing
1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL
본 링크에서 ~file/d/
뒤 부터 /view?~
사이에 있는 부분을 복사해온다.
추측컨데 드라이브에 위치한 파일의 고유 아이디(혹은 그것을 연결하는 아이디)가 아닐까
해당 을 복사해 와서
https://drive.google.com/uc?export=view&id= [이곳을 지우고 id를 넣어주세요.]
위의 링크를
https://drive.google.com/uc?export=view&id=1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL
이렇게 삽입하도록 한다.
https://drive.google.com/uc?export=view&id=1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL
아직 끝난게 아니다. 여전히 하이퍼링크로 존재하게 된다.
마크다운에서 이미지를 삽입하는 방법은 여태까지 내가 아는 선에서 두가지가 있다.뭐 더 있겠지 찾아보면... 근데 아직까지는 필요성을 느끼지 못해서 이 두가지만 쓰고 있다.
<첫번째>
<img src="https://drive.google.com/uc?export=view&id=1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL">
첫 번 째 펼 쳐 보 기
<두번째>
![](https://drive.google.com/uc?export=view&id=1muJBTXRucpATHDbRq-J33Z-YTlLNPmIL)
두 번 째 펼 쳐 보 기
끝!
한가지 아쉬운 부분은 "너무 귀찮은 과정" 이라는 것이다.
Velog에서 괜히 넘어왔나? 싶은 생각까지 들었다.
하지만 모든게 완벽할수는 없는 법이니...
아쉬운 사람이 우물을 파야지
'TMI' 카테고리의 다른 글
markDown으로 youtube 링크 넣기 (내가 사용하려고 정리) (2) | 2023.11.07 |
---|---|
Parameter Name Hints (2) | 2023.10.23 |