깃허브 지킬 블로그 이미지 여백 문제

문제 상황

위와 같이 깃허브 지킬 블로그에 이미지를 사용하였는데 이미지 옆에 여백이 생겨 toc를 침범하였다

해결법

깃허브 지킬 블로그에서는 Markdown 형식을 사용하여 블로그 글을 작성하기 때문에 HTML에 style 속성을 사용하여 이미지를 배치할 위치를 조정 할 수 있다

<div style="text-align: left;">
    ![이미지 설명](이미지-URL)
</div>

위와 같이 div style에 align left를 설정하여 이미지에 위치를 조절하였다

그 후 다시 블로그를 확인해보면

이렇게 이미지 위치가 잘 정돈된 걸 볼 수 있다