컴공생의 다이어리

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

Development/기타

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

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

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