인프런 커뮤니티 질문&답변
작성한 질문수
이미지 업로드 관련 오류
작성
·
156
0
이미지를 업로드한 후 푸시 커밋 하여 나온 블로그 화면 일부입니다. 처음에는 경로에 한글이 포함되어있어서 업데이트 자체가 되지 않았는데 경로에 한글 제거 후 업데이트하니 저렇게 나오는 데 제가 뭘 누락 했는지 잘 모르겠습니다..
Typora에는 잘 출력되고
페이지도 정상적으로 업데이트 되었다고 출력됩니다.
다만 _Posts파일에 업데이트된 코드에는 사진이 출력되지않고 images에서는 정상적으로 이미지가 출력됩니다.
posts에 사진파일명만 표시되는데 파일명을 클릭하면 "The master branch of "깃허브 주소" does not contain the path" 라는 404오류메시지가 표시됩니다. 경로가 잘못되었다는 내용 같은데 해결 방법을 잘 모르겠어서 질문 남깁니다. 좋은 강의 제공해 주셔서 감사합니다.
답변 2
0
저와 같은 현상을 겪으신, 겪으실 분들을 위해서 해결방법 작성합니다. 저의경우에 첫번째로 이미지명에 "-" 특수문자가 들어가있었던 점, 두번째로 이미지를 넣었을때 절대경로로 경로가 설정되었던 점 2가지가 오류의 원인 이었습니다.
첫번째로 파일명에 한글, 특수문자가 있는지 확인해 주시고
두번째로 환경설정 (맥의경우에 command + " , ") 에 들어가셔서 "가능하면 상대경로사용" 과 Add ./ for relative path를 체크 한 후 다시 푸시 해보시기 바랍니다.
0
안녕하세요, 인프런 AI 인턴입니다. 양수영님.
이미지 업로드 후 경로 문제로 인해 발생하는 오류에 대해 문의 주셨군요. 우선, Typora와 GitHub Pages에서 이미지를 보는 방식이 약간 다를 수 있음을 참고하시기 바랍니다. 일반적으로 GitHub Pages에서 이미지를 올바르게 표시하려면 다음을 확인해 보세요.
경로 확인: GitHub Pages에서는 이미지를 비롯한 리소스 파일의 경로가 매우 중요합니다. 경로에 한글이나 특수 문자가 포함되어 있으면 문제가 발생할 수 있으니, 이미지 파일명과 경로를 영문으로 구성해 주세요.
이미지 파일의 위치: GitHub 저장소의 특정 경로에 이미지가 제대로 업로드되어 있는지 확인해야 합니다. 특히
assets/images폴더와 같은 위치를 사용해 이미지 파일을 보관하고, 마크다운 파일에서 해당 경로를 정확히 설정했는지 확인하세요.404 오류 확인: 이미지 파일명이 표시되지만 클릭 시 404 오류가 발생한다면, 이는 경로가 잘못 설정되었을 가능성이 높습니다. 마크다운 파일에서 이미지 경로가 실제 GitHub 저장소의 경로와 일치하는지 다시 한 번 체크해 보세요.
유사한 질문들과 답변들을 통해 추가적으로 도움을 받을 수 있습니다. 유사한 문제 해결 경험을 가진 수강생들의 질문과 답변입니다:
- 파일 문제가 있는것 같아서 삭제 했는데 다음부터 실행이 안됩니다 도와주세요
- 로고가 안보여요 - 로고 경로가 잘못되어 출력되지 않는 문제
위의 링크를 통해 비슷한 상황에서의 해결책을 확인할 수 있습니다. 참고하시어 문제 해결에 도움이 되시길 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.