>  기사  >  백엔드 개발  >  Hugo 게시물의 이미지 삽입 오류를 수정하는 방법은 무엇입니까?

Hugo 게시물의 이미지 삽입 오류를 수정하는 방법은 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-12 19:31:02433검색

Hugo 포스트 이미지 삽입 오류 해결

Hugo 포스트에 이미지를 삽입하려고 할 때 문제가 발생했습니다. 다음 코드를 사용한 후 "페이지를 찾을 수 없음"에 대한 404 오류가 발생했습니다.

![Scenario 1: Across columns](content/post/image/across_column.png)

오류 원인

이 문제는 두 가지 요인에서 발생합니다.

  1. 이미지 링크 오타: 참고 "content/post/image/..."에는 "post" 뒤에 "s"가 없어 잘못된 파일 경로가 발생합니다.
  2. 잘못된 이미지 경로: 이미지가 다음 위치에 배치되지 않습니다. Hugo가 찾을 수 있는 올바른 디렉토리입니다.

오류

이 오류를 해결하는 데는 여러 가지 옵션이 있습니다.

옵션 1: 정적 디렉터리에 이미지 배치

  1. 이동 모든 이미지는 static/ 디렉토리에 저장됩니다.
  2. 앞에 "/"가 있는 이미지를 참조하세요. 예:
![Scenario 1: Across columns](/across_column.png)

옵션 2: 게시물 리소스용 하위 디렉토리 사용

  1. 게시물용 하위 디렉토리를 만듭니다. 예: post/creating-a-new-theme.
  2. 마크다운 파일을 다음 위치로 이동하세요. 하위 디렉터리 내의 index.md.
  3. 하위 디렉터리 이미지를 만들고 이미지를 그곳으로 이동합니다.
  4. 이미지를 "How to Fix Image Insertion Errors in Hugo Posts? 
"으로 참조하세요.

추가 옵션

이미지 삽입을 위한 대체 방법에는 다음이 포함됩니다. 이미지 참조를 위한 보다 정교한 옵션을 제공하는 frontmatter입니다. 자세한 내용은 제공된 링크를 참조하세요: https://gohugo.io/content-management/page-resources/

위 내용은 Hugo 게시물의 이미지 삽입 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.