hexo 블로그에서 이미지 업로드하기

지난 번 포스트에서 처음으로 마크 다운으로 이미지를 업로드하던 도중 범했던 오류를 정리해보고자 한다.

과정은 다음과 같았다.

  1. 이미지를 업로드 하기 위해 source/img 디렉토리를 생성하고 그 디렉토리에 이미지 파일을 넣었다.
  1. 그리고 다음과 같이 포스트를 작성했다.

일부러 오류가 났던 내용 그대로 올린 것입니다.

  1. 로컬에서는 멀쩡하게 이미지가 잘 나온다.

그런데 배포를 하면 다음과 같이 첫 번째 이미지만 정상적으로 나오고 나머지 이미지가 나오지 않는다.


로컬에서는 정상적으로 나왔기 때문에 원인을 찾기까지 조금 헤맸다.

어처구니 없었던 원인은 다음과 같았다.

코드 상에서 이미지 파일의 이름과 실제 파일 이름의 확장자가 달랐다.(대소문자 구분)

실제 파일의 확장자는 .JPG였고, 코드 상에서는 .jpg로 되어 있었기 때문에 파일을 찾지 못했던 것이었다.

확장자만 바꿔주니 바로 정상적으로 나왔다.


+첫 번째 이미지는 그림판에서 저장한 jpg 파일이었고, 2~4번 이미지는 윈도우 캡쳐 도구로 저장한 이미지였다. 캡쳐 도구의 경우 default가 대문자 .JPG로 저장되는 듯.
Share