Markdown을 사용하여 GitHub 위키에서 이미지 크기 조정


255

GitHub에서 위키 페이지를 작성 중이며 Markdown을 사용하고 있습니다.

내 문제는 큰 이미지 (이 이미지는 자체 저장소에 있음)를 넣고 크기를 조정해야한다는 것입니다.

다른 솔루션을 시도했지만 작동하지 않습니다.

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

그것을 얻는 방법이 있습니까?

HTML이없는 것이 좋습니다.


답변:


373

업데이트 :

코드 (외부 / 내부) :

![test](https://github.com/favicon.ico)

코드 ( 사이징을 위한 내부 / 외부 ) :

<img src="https://github.com/favicon.ico" width="48">

예:

테스트


기존 답변 :

이것은 작동해야합니다 :

[[ http://url.to/image.png | 높이 = 100px]]

출처 : https://guides.github.com/features/mastering-markdown/


감사. <img src="..." width="48">GitHub에 업로드 된 이미지의 경우 README에서 작동합니다.
Sam Dutton

@ SamDutton : 다른 곳에서 호스팅되는 이미지에도 잘 작동하는 것 같습니다.
Jonik

1
오늘 시험해보십시오. Github는 [] (.. = 400) 또는 [] (... = 400px)의 구문을 인식하지 못하므로 그림의 크기를 조정해야하는 경우 <img /> 구문을 사용해야합니다.
spikeyang

1
이미지가 위키 자체에 추가되면 교차 답변이 작동합니다.
Eduardo Eduardo

2
@Eduardo가 말한 것 ... 당신이 건너간 '오래된 대답'은 내가 인터넷을 been이 뒤져 온 것입니다. 또한 테이블 안에 하나 또는 두 개의 이미지를 추가해야했습니다. 파이프 문자는 마크 다운의 일반적인 테이블 형식으로 인해 슬픔을 겪었습니다. 테이블 셀 내에서 파이프를 이스케이프 처리하는 것은 여전히 ​​유효합니다 [[ http://url.to/img.png \| height=48px]].
DanMad

57

GitHub에서 Markdown 대신 HTML을 직접 사용할 수 있습니다.

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

이렇게해야합니다.


10
솔루션 주셔서 감사합니다, HTML 코드없이 가능합니까?
fhuertas

1
width높이를 기준으로 너비를 자동으로 조정할 수 있도록 제외 할 수 있습니다 .
저는 개구리 드래곤입니다.

2
Github뿐만 아니라; 나는 인라인 HTML은 ... 일반적으로 마크 다운 내에서 허용되고 믿는다
니콜라스 미아리을

br과 hr은 도움이되지 않습니다.
JoshYates1980

2

GitHub의 이미지에 대해 직접 HTML 형식 만 설정한지 거의 5 년이 지나고 다른 마크 다운 옵션을 사용하면 치수가 잘못된 경우에도 일부 사용자 정의 크기를 지정할 때 이미지가로드되지 않습니다. 원하는 너비를 지정하고 높이를 자동으로 계산하는 것을 선호합니다.

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>


2

위에서 설명한 방법을 사용했습니다. 이제는 비슷하지만 더 간단한 방법을 사용하고 있습니다.

  1. 먼저 프로젝트에 README.md 파일을 추가하십시오.
  2. 그런 다음 스크린 샷이나 설명 이미지를 프로젝트 기본 디렉토리에 업로드하십시오.
  3. 이미지 자산을 업로드 한 후 html을 사용하여 아래와 같은 링크를 사용하지 않고 이러한 자산을 직접 참조하십시오.

이처럼 :

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

위의 예제에서 단락을 사용하여 이미지를 나란히 정렬했습니다. 단일 이미지를 사용하려면 아래 코드를 사용하십시오.

<img src="icon.jpg" width="324" height="324">

좋은 하루 되세요!


0

GitHub Pages는 이제 kramdown 을 마크 다운 엔진으로 사용하므로 다음 구문을 사용할 수 있습니다.

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

그래도 GitHub 위키에서 테스트하지 않았습니다.


1
@nicobo 내가 시도한 것은 외부 이미지에서 작동하지 않는 것 같습니다.
user310291

이것은 FYI, Jekyll을 사용하여 GitHib 페이지에서 작동합니다 (이것은 정확하게 OP 질문이 아니라는 것을 알고 있습니다)
DavidJ

0

이것은 다른 질문을 해결합니다. 처음에 이미지를 github과 반대로 마크 다운하는 방법은 무엇입니까?


되는 2015 년 12, 그 단지에있는 파일에 대한 링크가 보인다 github.com거나 cloud.githubusercontent.com또는 작업을 같이합니다. 요점에서 나를 위해 일한 단계 :

  1. 요점을 말하십시오 Mygist.md(선택적으로 더 많은 파일)
  2. 끝에있는 "댓글 쓰기"상자로 이동
  3. "파일 첨부 ..."를 클릭하십시오. 로컬 이미지 파일을 선택하십시오
  4. GitHub는 이미지를 넣는 길고 긴 문자열을 에코합니다 (예 :! [khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. 에 손으로 잘라 붙여 넣습니다 Mygist.md.

그러나 GitHub 사용자는 문서화하지 않고 내일이 동작을 변경할 수 있습니다.


7
크기 조정 측면은 어디에 있습니까?
koppor
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.