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;
}