[image] 마크 다운에서 이미지 크기 변경

Program / 글쓴이

Markdown을 시작했습니다. 나는 그것을 좋아하지만 나를 괴롭히는 한 가지가 있습니다 : Markdown을 사용하여 이미지의 크기를 어떻게 바꿀 수 있습니까?

설명서에는 이미지에 대한 다음 제안 만 제공됩니다. 

![drawing](drawing.jpg)

가능하다면 사진도 중앙에 배치하고 싶습니다. GitHub이 수행하는 방식뿐만 아니라 일반적인 Markdown을 요청합니다.

답변

특정 Markdown 구현 ( Mou 및 Marked 2 (macOS 만 포함 ) 포함) =WIDTHxHEIGHT을 사용하면 그래픽 파일의 URL 뒤에 추가 하여 이미지 크기를 조정할 수 있습니다. 앞에 공백을 잊지 마십시오 =.

![](./pic/pic1_50.png =100x20)

HEIGHT를 건너 뛸 수 있습니다

![](./pic/pic1s.png =250x)

답변

Markdown에서 일부 HTML을 사용할 수 있습니다.

<img src="drawing.jpg" alt="drawing" width="200"/>

또는 style속성을 통해 ( GitHub에서 지원하지 않음 )

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

또는 Markdown 및 이미지 정렬 에 대한이 답변에서 설명한대로 사용자 정의 CSS 파일을 사용할 수 있습니다

![drawing](drawing.jpg)

다른 파일의 CSS :

img[alt=drawing] { width: 200px; }

답변

여기에 허용 된 답변은 Ghost, Stackedit.io와 같은 날짜까지 사용했던 앱 또는 스택 오버플로 편집기에서 사용할 수있는 Markdown 편집기에서 작동하지 않습니다. StackEdit.io 이슈 트래커에서 해결 방법을 찾았습니다 .

해결책은 HTML 구문을 직접 사용하는 것이며 완벽하게 작동합니다.

<img src="http://....jpg" width="200" height="200" />

이게 도움이 되길 바란다.

답변

그냥 사용하십시오 :

<img src="Assets/icon.png" width="200">

대신에:

![](Assets/icon.png)

답변

PanDoc 용 MarkDown을 작성하는 경우 다음을 수행 할 수 있습니다.

![drawing](drawing.jpg){ width=50% }

이것은 추가 style="width: 50%;"하는 HTML에 <img>태그 또는 [width=0.5\textwidth]에 \includegraphics라텍스.

출처 : http://pandoc.org/MANUAL.html#extension-link_attributes

답변

아마도 이것이 최근에 변경되었지만 Kramdown 문서 는 간단한 해결책을 보여줍니다.

문서에서

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

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

Jekyll 및 Kramdown과 함께 github에서 작동합니다.

답변

하나는에 그릴 수있는 alt속성 거의 모든 마크 다운 구현에서 설정할 수 있습니다 / 렌더러를 CSS-선택기와 함께 속성 값을 기반으로. 장점은 다양한 사진 크기 (및 추가 속성)의 전체 세트를 쉽게 정의 할 수 있다는 것입니다.

가격 인하:

![minipic](mypic.jpg)

CSS :

img[alt="minipic"] {
  max-width:  20px;
  display: block;
}