GitHub 저장소에 이미지를 삽입하고 표시하는 마크 다운


41

GitHub documentation 에 따르면 이미지 삽입을위한 Markdown 구문은 다음과 같습니다.

![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

예제 구문에 따라 제대로 작동하지 않는 것 같습니다.

GitHub 로고 예제도 작동하지 않습니다.

내가 무엇을 놓치고 있습니까? 아니면 GitHub 버그입니까?


URL을 HTTP가 포함 된 전체 경로로 변경하고 어디로 가는지 확인하십시오
8 일 말 라이즈

@EightDaysofMalaise : 그 트릭은 실제로 ... 답변으로 작성해 주시겠습니까? 설명서 오류를 Github에보고했습니다.
nic

나는 그들의 문서가 바뀌 었다고 생각한다. "Image" , "picture""logo" 는 더 이상 페이지에서 언급되지 않습니다.
jww

답변:


35

마크 다운 파일에 포함하려는 이미지의 전체 경로 / 위치가 누락되었을 수 있습니다.

주어진 예는 이미지가 파일과 동일한 서버에있는 상대 경로입니다. 도움말에서 이미지가 실제로 다음 위치에 있다고 가정합니다.

https://github.com/images/logo.png

그러나 이것은 유효한 파일이나 위치가 아닙니다.

이미지를 보는 위치에 관계없이 이미지를 렌더링 할 수 있도록 도메인 이름을 포함한 전체 URL을 포함하는 것이 더 안전합니다.

따라서 귀하의 예는 대신 이와 비슷한 것을 사용합니다 :

![Bilby Stampede](http://example.com/images/logo.png)

25

위의 답변에 대한 답변 :

2013 년 1 월 30 일부터 GitHub는 이제 상대 링크를 허용합니다 .

그러나 URL 끝에? raw = true를 추가해야합니다. 예를 들면 다음과 같습니다.

![Image](../blob/master/public_html/img/nokia.png?raw=true)

GitHub가 URL을 처리하는 방식으로 인해 소스 URL에? raw = true를 추가하지 않으면 브라우저가 이미지를 표시하는 페이지를로드하려고 시도합니다.


업데이트에 src로 사용하는 것도 포함되어 있습니까?
Malaise의 8 일

1
그렇습니다. 그러나 URL 끝에 "? raw = true"를 추가해야합니다. 예를 들면 다음과 같습니다. ! [Image] (../ blob / master / public_html / img / nokia.png? raw = true)
Chris Morris

방금 답변을 업데이트했습니다 :).
Chris Morris

1
이것은 Markdown 파일에서 작동하지만 pandoc : pandoc : TeX 소스에서 PDF 생성 오류가 발생했습니다. ! LaTeX 오류 : 알 수없는 그래픽 확장자 : .png? raw = true. 자세한 내용은 LaTeX 설명서 또는 LaTeX Companion을 참조하십시오. 즉각적인 도움을 받으려면 H <return>을 입력하십시오. ... l.175 ... 2014-04-08_Bergman2011_Fig2.png? raw = true}
djhocking

2

URL을 통해서만 볼 수있는 위치를 푸시하기 전에 Markdown을 로컬에서 테스트하고 싶습니다. 그래서 어디에서나 사용할 수있는 상대 URL을 원합니다. GitHub는 이제이를 지원합니다.

귀하의 images하위 디렉토리는, 가정은 시작 부분에 슬래시를 필요로하지 않으며, 당신의 마크 다운 파일과 같은 디렉토리에의 - 시도 :

markdown ![GitHub Logo](images/logo.png)

대신에

markdown ![GitHub Logo](/images/logo.png)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.