블로그 글, 이미지 파일 관리

나는 VSCode를 주로 이용하기에
블로그 글 쓸때도 vscode에서 마크다운으로 작성하고
그 다음 티스토리에 마크다운으로 붙여넣기 한다.
내가 생각하는 장점은 내 글들을 마크다운 파일들로 내가 관리하고 있어서 뭔가 파일로 갖고 있으니까 혹시나 블로그 플랫폼을 옮겨도 편하게 옮길수 있을거라 생각한다.

그런데 이미지 파일은 어떻게 하지?

이미지를 파일로 갖고 있으면 글에서 어느 위치에 넣었더라? 하는게 불편할거 같았다.
그래서

1. 첫번째 방법

초기에는 깃허브 issue를 이용해서 이미지 링크를 걸었다.
하지만 언제 사라질지 모르는 링크를 하기엔 좀 그렇고....

2. 두번째 방법

내 pc를 이미지 서버로 이용???
이건 좀만 더 생각해보니 인터넷 요금 많이 들거같아서 포기...

3. 그래서 선택한 세번째 방법

base64로 변환해서 글에 넣는 방법을 선택했다.

예시)

글내용~~~어쩌구~~

이미지 보여주고~~~
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiB
BZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW ...">

글내용~~~~ 어쩌구~~

😀장점

• 마크다운 파일 하나로 모든걸 관리!
  글 + 이미지 모두 들어가 있기때문에 난 이미지 따로 관리할 필요가 없고 파일만 잃어버리지 않으면 된다!

물론 단점도 있다.

😥단점

• 지금 티스토리 이용중인데 미리보기 파일에서 이미지를 띄우려면 이미지 파일을 넣어야하기에 다시 이미지 파일이 필요하다...
  -> 하지만 내블로그를 통해서 들어오는 유입보다 검색해서 글로 바로 들어오는 유입이 더 많을것 같기에 그냥 패스했다.
• 작성시에 base64가 길기에 좀 귀찮을 수 있다.
  -> 이미지 파일 따로 관리하는게 더 귀찮아서 넘어갔다.
• 용량이 커진다.
  -> 최대 약 30%정도 용량이 커진다고 한다...

적고보니 장점은 한개지만 단점 투성이 같아보이는데....
그래도 난 그 장점 1개가 모든 단점을 커버할만큼 크다고 생각하기에 앞으로 더 좋은 방법을 찾기 전까지 이렇게 포스팅할 생각이다!