요점의 마크 다운 파일에서 이미지에 대한 상대 링크를 만들 수 있습니까?


96

마크 다운 파일과 이미지가 포함 된 요점이 있습니다.

이 이미지에 대한 상대 링크를 수행하는 방법이 있습니까? 같은 뭔가 ![My image](image.png)대신![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

다음은 예입니다.

답변:


167

지금은 상대 이미지 링크가 저장소와 위키 모두에서 작동합니다. 다음과 같은 구문을 사용하고 있습니다.

![Kiku](images/Kiku.jpg)

예를 들면 다음과 같습니다.

https://github.com/mark-anders/relative-image-url


감사! 나는 지역 이미지를 사용하려고 좌절했지만 이것은 효과가 있었다!
Sun

내 실수는 사이에 공백을 가졌다 ](
흔히

1
Github에서에 적어도, 난 그냥 (I 확신이 생각을 해결할 따옴표를 추가하고 있지 않다) 당신이 당신의 파일 이름에 공백을 가질 수 없습니다, 또는 GitHub의 지역 이미지를 인식 할 수 있다는 것을 발견
Xiaoyong Zhu의

5
이것은 일반 Github 저장소에서 작동 할 수 있지만 Gists ( gist.github.com ) 에서는 작동하지 않습니다 .
Beni Cherniavsky-Paskin

1
연결하려는 이미지의 상대 경로에 특수 문자가있는 경우 URL로 인코딩되었는지 확인하십시오.
felixperreault 19

3

http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html 에 따르면 사용 문제 https://gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

이다 b75d2...6e8부분 (빠른 실험이 확인는 자식 BLOB ID입니다) 파일 당 다릅니다. 그러나 해당 부분을 삭제하면 URL이 최신 버전을 가리키는 결과를 얻을 수 있습니다.

https://gist.github.com/user/605560c2961cb3025038/raw/img.png

또는 실제 예를 들면 :

https://gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png

상대 경로?

이것은 또한 상대 경로로 작동합니다 raw/dodgetocat_v2.png!
그러나 (2017 년 말 현재) github는 2 개의 URL에서 동일한 요점을 렌더링 할 수 있습니다.

[2017 년 12 월 업데이트 됨. 최소한 동일한 요점의 이미지가 아닌 경우, 원시 파일의 이전 문제 가 더 이상 발생하지 않도록 이미지 속성을 Content-Type: application/octet-stream다시 작성 했습니다 .]srccamo.githubusercontent.com

아아, 우리는 첫 번째 URL을 사용하고 항상 작동한다고 믿을 수는 없습니다.

  • 현재 어떤 양식도 리디렉션을 반환하지 않으며 rel = canonical 링크를 제공하지도 않습니다. 나는 이것을 절대 바꾸지 않기 위해 Github에 내기하지 않을 것입니다!
  • 모든 내부 요점 링크 (예 : 사용자 페이지 https://gist.github.com/cben/ )는 후행 슬래시를 생략합니다. :-(
  • Google 검색 결과의 요지는 후행 슬래시를 생략합니다. :-(

( 후행 슬래시 없이46d9536baacb7c5d196c/raw/dodgetocat_v2.png 만 작동 하는 상대 경로 를 사용할 수 있지만 이는 의심스러운 아이디어이며 그만한 가치가 없습니다. 전체 URL보다 실제로 더 유연하지는 않습니다.)

프록시를 사용하십니까?

둘 다 Content-Type을 수정하는 프록시 (예 : Rawgit 또는 Bl.ocks.org)로 해결할 수 있습니다 (Github가 아니라 남용하지 마십시오). 불행히도 Rawgit은 Markdown을 렌더링하지 않고 파일을있는 그대로 제공하며 Bl.ocks.org는 markdown을 렌더링하지만 URL 구조는 상대 링크가 작동하지 않습니다. 즉, Markdown에서 전체 외부 URL을 참조하거나 HTML에서 상대 URL을 참조 할 수 있습니다.

https://gist.github.com/cben/46d9536baacb7c5d196c/를 참조 하십시오 .


2

예, 상대 링크가 저에게 효과적입니다. 내 페이지를 호스팅하기 위해 pancake.io를 사용하고 있습니다. http://pancake.io/2c8aa8/topics/cpp/cpp.md

해당 페이지의 이미지는 cpp폴더에 있습니다.

첫 번째 이미지에 사용 된 마크 다운 코드는 다음과 같습니다.

![C++ Var Types](basic_cpp_var_types.png)

두 번째 이미지에 사용 된 마크 다운 코드 (실제로는 html)는 다음과 같습니다.

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

참고 : 요점 부분을 놓쳤습니다. gist가 마크 다운 상대 이미지 경로 구문을 지원하지 않는 경우 html 방식을 시도하십시오.


HTML 방식은 작동하지 않습니다. 이 마크 다운보다는 요점 더 문제입니다
alienlebarge

2

방금 테스트했습니다 ... github wiki에서 상대 URL을 사용할 수 없습니다.

나는 이미지를 wiki repo에 추가 한 다음 repo를 브라우저하고 github가 나에게 보여 주도록해야했습니다. 그런 다음 마크 다운에서 전체 URL을 사용합니다. 하지만 다행히도 URL은 예측하기가 간단합니다.https://github.com/*username*/*reponame*/wiki/*imagename.png*

나는이 isse를 github 지원에 제출했습니다.


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