[github] github 저장소의 README에 스크린 샷을 추가하는 방법은 무엇입니까?

GitHub 리포지토리의 README 파일에 스크린 샷을 넣을 수 있습니까? 구문은 무엇입니까?



답변

Markdown (README.md)을 사용하는 경우 :

저장소에 이미지가 있다면 상대 URL을 사용할 수 있습니다.

![Alt text](/relative/path/to/img.jpg?raw=true "Optional Title")

다른 곳에 호스팅 된 이미지를 포함해야하는 경우 전체 URL을 사용할 수 있습니다

![Alt text](http://full/path/to/img.jpg "Optional title")

GitHub 는 매개 변수 와 함께 상대 링크 를 사용 ?raw=true하여 분기 된 리포지토리가 올바르게 가리 키도록 권장 합니다.

raw=true매개 변수는 링크 이미지를 보장하기 위해이, 그대로 렌더링됩니다. 즉, 해당 파일에 대한 전체 GitHub 인터페이스가 아닌 이미지 만 링크됩니다. 자세한 내용은 이 의견 을 참조하십시오.

예를 확인하십시오 : https://raw.github.com/altercation/solarized/master/README.md

당신이 SVGs를 사용하는 경우에 당신은에 살균 속성을 설정해야합니다 true뿐만 아니라 : ?raw=true&sanitize=true. (감사합니다 @EliSherer)

또한 README 파일의 상대 링크에 대한 설명서 : https://help.github.com/articles/relative-links-in-readmes

그리고 물론 마크 다운 문서들 : http://daringfireball.net/projects/markdown/syntax

또한 screenshots이미지를 저장할 새 브랜치 를 만들면 master작업 트리 에 이미지가없는 것을 피할 수 있습니다

그런 다음 다음을 사용하여 포함시킬 수 있습니다.

![Alt text](/../<branch name>/path/to/image.png?raw=true "Optional Title")


답변

이미 받아 들여진 답변이 있지만 GitHub에서 readme에 이미지를 업로드하는 다른 방법을 추가하고 싶습니다.

  • 리포지토리에 이슈를 만들어야합니다
  • 댓글 영역에서 이미지를 드래그 앤 드롭
  • 이미지에 대한 링크가 생성되면 추가 정보에 삽입하십시오

자세한 내용은 여기를 참조 하십시오


답변

리포지토리의 이미지 경로가 충분하지 않다는 것을 알았습니다 raw.github.com. 하위 도메인 의 이미지에 연결해야했습니다 .

URL 형식 https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}

마크 다운 예 ![Settings Window](https://raw.github.com/ryanmaxwell/iArrived/master/Screenshots/Settings.png)


답변

  1. postimage.org에 이미지 업로드
  2. github Markdown url 받기
  3. 읽어보기에 삽입

답변

아래 한 줄은 찾고있는 것이어야합니다.

파일이 저장소에있는 경우

![ScreenShot](https://raw.github.com/{username}/{repository}/{branch}/{path})

파일이 다른 외부 URL에있는 경우

![ScreenShot](https://{url})


답변

이미지를 표시하기위한 마크 다운 구문은 다음과 같습니다.

![image](https://{url})

그러나 : 어떻게 제공 url합니까?

  • 스크린 샷으로 레포를 어지럽히고 싶지 않을 것입니다. 코드와는 아무런 관련이 없습니다.
  • 웹에서 이미지를 사용 가능하게 만드는 번거 로움을 처리하고 싶지 않을 수도 있습니다 … (이미지를 서버에 업로드 …).

따라서 …이 멋진 트릭 을 사용하여 github을 이미지 파일로 호스팅 할 수 있습니다. TDLR :

  1. 리포지토리 이슈리스트에 이슈를 생성
  2. 이 문제에 대한 스크린 샷을 끌어다 놓으십시오
  3. github에서 방금 만든 마크 다운 코드를 복사 하여 이미지를 표시하십시오.
  4. 당신의 readme에 (또는 원하는 곳에) 붙여 넣기

http://solutionoptimist.com/2013/12/28/awesome-github-tricks/


답변

URL을 추가하는 것보다 훨씬 간단합니다. 다음과 같이 동일한 저장소에 이미지를 업로드하십시오.

![Screenshot](screenshot.png)