Jekyll Blogging 4
LeeMir, 15 December 2020
MarkDown형식인 Post에 사진을 첨부해보자
Jekyll을 이용한 블로그에서는 글을 거의 MarkDown형식의 파일로 올린다.
이 때 대부분의 유저들은 Typora를 사용할텐데, 만약 첨부하고 싶은 사진이 생겨 Typora 작업창에 로컬에서 사진을 드래그앤드롭해서 가져오면 사진이 원활하게 적용되는 모습을 볼 수 있다.
그래서 이 상태로 commit - push하면 사진 파일이 깨지게 된다.
그 이유는 Typora는 사진 파일의 주소를 적용해서 보여준 것인데, 로컬 주소를 가져온 것이기 때문에 당연하게도 사진을 commit해서 인터넷 주소를 지정해주지 않는 이상 보이지 않는 것이다.
print screen으로 캡처 한 후 붙여넣는 것도 결국 로컬에 임시 저장된 걸 불러오는 거라서 commit하면 보이지 않는다.
그러면 항상 사진을 Commit 해서 올려야하는가? 주소도 일일히 지정해줘야하는데 진짜 여간 번거로운 일이 아니다.
살짝 편법을 이용해 귀찮은 것을 줄여보고자 한다.
- 본인의 Github Repository로 접속한다.
- Code 탭 옆 Issues 탭을 열고, New Issue 버튼을 클릭한다.
- Write 창에 올리고 싶은 사진을 끌어오거나 캡처했다면 Ctrl+V로 붙여넣으면 사진의 링크를 만들어준다.
- Submit 할 필요 없이 링크를 복사해준 후 MarkDown에 붙여넣으면 끝이다. 창은 닫아도 된다.
Tip : 캡처한 사진 같은 경우에는 크기가 곤란할정도로 클 수 있는데, 이 경우 사진 링크 뒤에 {: width="70%" height="70%"}을 써주면 사진의 크기가 가로세로 모두 70%의 크기로 줄어든다.