지킬에서 작성하는 포스트는 마크다운, 즉 텍스트 파일을 이용하여 작성하기 때문에, 흔히 쉽게 접하는 WYSIWYG방식의 에디터처럼 이미지를 업로드하거나 첨부할 수 없다. 따라서 이미지를 첨부하기 위해서는, 서버나 이미지 호스팅사이트에 이미지를 업로드 한 후 핫링크를 이용하여 첨부해야 한다.

1. Github Repo 내부에 업로드하기

가장 기본적인 이미지 첨부 방식은, github의 Repository 내부에 이미지를 업로드 한 후 첨부하는 방식이다.

/assets/images/ 와 같은 폴더를 만들고, 내부에 이미지를 업로드한다. 자동으로 ![이미지 이름](이미지 주소) 의 마트다운 문법까지 추가해 주어 이미지를 링크한다. 만약 Atom과 Markdown Preview Enhanced 패키지를 사용한다면 더욱 간단하게 업로드 할 수 있다.

이미지업로드

드롭다운만으로 이미지를 Repository 내부에 복사하고 첨부까지 완료한다. ..라고는 하지만, 내 컴퓨터에서는 어찌된 일인지 drag-and-drop기능을 사용시 이미지가 복사되지 않는다. 따라서 Markdown Writer Package에서 제공하는 이미지 업로드 기능을 사용한다.

image-helper cmd+shift+i를 사용하면 이미지 업로드를 도와주는 창이 있고, 아래 체크박스를 체크하여 setting에서 설정한 이미지폴더로 복사 및 첨부까지 완료해준다.

만약 무료 계정인 경우, Github에서는 1GB의 용량을 제공한다. 따라서 포스트가 많아져 이미지 용량이 커진다면, 대안을 찾아야 한다. 만약 과금을 한다면, 개인의 경우 월 7$정도를 지불하고 무제한 용량에 Private Repo.를 제공한다.

스크린샷 2018-07-11 오후 9.36.26

하지만, 만약 학생이라면 Github의 은총을 받을 수 있다. Github는 학생 인증을 완료하면 무제한 용량을 제공한다. 따라서 걱정없이 Repository에 차곡차곡 업로드 할 수 있다.

장점

단점

2. Imgur 이용하기

Reddit의 한 능력자가 불편함을 못견디고 만들었다는 Imgur를 이용할 수도 있다. Imgur은 무료 이미지 호스팅 사이트로써, 가장 큰 특징중 하나는 로그인을 하지 않고도 익명으로 이미지를 업로드 할 수 있다는 점이다. 심지어 이렇게 올린 는 핫링크로 첨부하는 것이 가능하다. 또한 Atom의 Markdown Preview Enhanced 와 함께 사용할 수 있다.

스크린샷 2018-07-11 오후 10.02.00

이렇게 이미지를 드래그앤 드롭을 하면,

스크린샷 2018-07-11 오후 9.59.28

잠시 후에 imgur에 익명으로 업로드 후 링크까지 걸어준다. 편의성에서는 가히 최고라고 할 수 있다.

하지만, 혹시나 실수로 잘못된 파일 (민감한 파일들)을 잘못 올릴 경우 삭제하는 절차가 까다롭다. 또한 imgur의 약관 상 이미지를 업로드 하고 호스팅서버로 사용하는 것을 원칙적으로는 금지하고 있으므로, 언제든지 서비스가 중단될 위험이 있다. 그렇게 된다면 그동안 공들여 작성한 포스트들은… 자세한 설명을 생략하겠다.

장점

단점

4. (꼼수) Github Issues 기능 이용하기

Github의 Issues에 업로드된 이미지는 Repository의 용량에 포함되지 않는다는 점을 이용하여, 이미지를 업로드하는 방법도 있다고 한다. Github의 issues창을 열어놓고 이미지를 드래그 앤 드롭하면 곧 마크다운 형식의 이미지가 생기는데, 이를 이용하여 업로드한다고 한다. 상당히 귀찮겠지만 이런 방법을 선호하는 사용자도 있을법하다.

[Github 마크다운 작성 시 이미지 업로드 꿀팁](https://ahribori.com/article/5a03bcfd6c9eef13d882e29a)

Comments

Eungbean Lee's Picture

About Eungbean Lee

Lee is a Student, Programmer, Engineer, Designer and a DJ

Seoul, South Korea https://eungbean.github.io