깃허브 README.md 파일에 이미지, gif 업로드(feat. VSCode)

친절한 설명을 하고 싶다면?

---

코딩에 대한 감을 잃지 않기위해 토이 프로젝트들을 제 깃허브 README.md 파일에 올리려고 합니다.

이미지나 gif를 업로드하면 더 좋을 것 같아서 소소한 방법을 공유 해봅니다..!

1. 깃허브에 로그인을 한 후 업로드 할 저장소에 들어갑니다.

이미지 또는 gif를 업로드 할 저장소에 들어갑니다.

 

2. Issues 탭에서 New issue를 클릭합니다.

New issue를 클릭하면 나오는 화면

 

3. 업로드 할 이미지 또는 gif를 드래그 앤 드롭 합니다.

이미지 또는 gif를 드래그 앤 드롭 합니다.

 

그럼 잠시 후 위와 같은 HTML 또는 마크다운이 생깁니다.

 

4. README.md 파일에 복붙 후 업로드하면 됩니다.

완성된 화면

추가로, 사진은 깃허브 서버에 업로드 된 것이기 때문에 생성하던 이슈의 이미지는 저장하지 않아도 그대로 남는다고 합니다.

VSCode 실시간으로 README.md 파일 보기

VSCode의 확장프로그램으로 Markdown Preview Enhanced를 다운 받으시면 README.md 파일을 작성하면서 결과를 바로 보실 수 있습니다. 

Markdown Preview Enhanced

이런식으로 결과를 바로 확인하실 수 있습니다.