Github 블로그에 이미지 넣기

Github 블로그 이미지 넣는 방법입니다.
해본 분들은 알겠지만 이미지를 블로그에 그냥 넣으면 정작 블로그에는 안 떠서 난감할텐데요. 이미지 주소가 일치하지 않아서 생기는 문제입니다. 컴퓨터에 있는 이미지 경로를 github에서는 인식하지 못하는 경우가 종종 생기기 때문에 보다 정확하게 이미지를 넣으려면 github가 인식하는 주소로 만들어주어야 합니다.
아래 내용과 같이 하면 무난하게 그림이 github 블로그에 이미지를 넣을 수 있습니다.

Github 블로그에 이미지 넣기

Github에서 블로그 repository의 이슈에 들어간다.

New issue를 클릭한 후 아무거나 들어갑니다.(bug report, feature request, question 있을시)

들어가 내용을 다 지운 후 원하는 그림을 넣습니다.

주소가 뜨면 md 파일 복사해 넣습니다.

md 파일에 그냥 넣으시면 안되고 마크다운 문법으로 이미지 업로드를 해야합니다. 보다 자세한 내용은 아래에 이미지 업로드에서 참고하실 수 있습니다.

md 파일을 commit하고 몇 분 기다리면 그림이 나오게 됩니다.

 

이미지 업로드

md 파일에서 이미지 업로드 방법은 다음과 같습니다.
md는 마크다운 문법을 통해 이루어지므로 위에서 저장한 이미지 주소를 넣어주면 됩니다. html 로도 가능합니다.

 ![Alt text](파일경로)   #마크다운
 <img src='파일경로'>    #html

[Alt text]에는 자신이 알아볼수 있게 이름을 넣어주시면 됩니다. 뭘 쓰더라도 그림에는 아무 지장이 없습니다. 소괄호 안에는 위에서 얻은 이미지 주소를 넣어줍니다.

 

이미지 사이즈 조절

사이즈 조절은 대괄호 후에 witdh 와 height을 조절합니다.

![Alt text](파일경로){: width="60%"",height="40%""}   # 마크다운
<img src='파일경로' width="60%"" height="40%">        # html

이상 github 블로그에 이미지 넣는 방법이었습니다.

 

imgbb를 이용한 방법

결국은 '웹에 이미지가 등록되는가?' 이 문제로 깃허브에서 그림 넣는게 약간 어려운 건데 imgbb 사이트를 이용하면 이미지를 호스팅할 수 있고 html 코드도 복사할 수 있고 회원가입을 하면 이전 그림도 관리도 가능합니다 . 그에 대한 자세한 사항은 아래 포스팅을 참고해주세요~!

내 컴퓨터에 저장되어 있는 이미지 파일 URL 만들기(imgbb)

내 컴퓨터에 저장되어 있는 이미지 파일 URL 만들기(imgbb)

 

github 블로그를 아직 만들지 않았거나 글쓰는 방법을 모르시는 분들은 다음 포스팅을 참고해주시기 바랍니다.

 

관련 포스팅
Github 블로그 만들기(windows)
Github 블로그 테마적용하기(Chirpy)
Github 블로그 첫 글쓰기(chirpy)