컴공생의 다이어리

[마크다운, Markdown] 이미지 삽입 본문

Development/기타

[마크다운, Markdown] 이미지 삽입

컴공 K 2021. 10. 20. 00:01

Markdown 이미지 삽입

마크다운 문서에 이미지를 삽입하는 방법에는 두가지 있다. 하나는 마크다운 형식이 있고 다른 하나는 html의 태그 형식이 있다.

 

아래는 마크다운 형식의 이미지 삽입 방식이다. 이경우 이미지의 크기를 조절할 수 없다는 단점이 있다.

![이미지 이름](이미지 URL)

<!-- ex -->
![pooh](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQW0Z94iqO01RBz7uaesVFC5hG-J4y-ldNCHg&usqp=CAU)

pooh

 

 

아래의 경우는 html의 img 태그를 사용하는 방식이다. width와 height 속성을 사용하여 이미지 크기를 조절할 수 있다. 이미지 크기를 지정하고 싶은 경우 이 방법을 사용하는 것을 추천한다.

<img src="이미지 URL">
<img src="이미지 URL" width="가로 사이즈" height="세로 사이즈">

<!-- ex -->
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQW0Z94iqO01RBz7uaesVFC5hG-J4y-ldNCHg&usqp=CAU" width="100">

 

 

 

https://cutemoomin.tistory.com/entry/Readme-%ED%8C%8C%EC%9D%BC%EC%97%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%84%A3%EA%B8%B0-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%EC%9D%B4%EB%AF%B8%EC%A7%80

 

Readme 파일에 이미지 넣기 (마크다운 이미지)

readme.md 파일에 이미지 넣기 gitlab, github 등 readme 파일에 이미지 넣는 방법 1. issues에서 넣고 싶은 이미지를 드래그앤드롭으로 추가하여 경로를 복사한다. 2. Readme.md 파일 편집으로 들어가서 아까

cutemoomin.tistory.com

 

728x90
저작자표시 비영리 동일조건

'Development > 기타' 카테고리의 다른 글

[리액트 네이티브, react native] 경고창(warning) 숨기기  (0) 2021.11.24
가상 머신(Virtual Machine)이란? - 정의, 종류  (0) 2021.10.25
[마크다운, Markdown] 토글(toggle), Expander control(접기/펼치기)  (3) 2021.10.19
운영체제(OS, Operating System) - 정의, 종류, 기능, 목적  (0) 2021.10.15
Ubuntu 20.04에 APM 설치(Apache2, MySQL, PHP)  (0) 2021.10.01
'Development/기타' Related Articles more
Comments