본문 바로가기

GitHub

README(리드미) 꾸미기-이미지 올리기

1. 깃허브 이슈를 이용한 이미지 올리기

(이슈를 이용하지만 이슈가 작성되는 것은 아님)

1) repository -> Issues 탭 -> New issue

2) 리드미에 넣을 이미지를 드래그 앤 드롭

3) 주소 복사해서 리드미 파일에 붙여넣기 

4) 리드미에 넣기

  • 사이즈를 지정 할 수 있는 HTML 태그 방식으로 이미지 넣는 방법
<img src="{여기에 이미지 주소 붙여넣기}"  width="200" height="400"/>

// 예시
<img src="https://user-images.githubusercontent.com/110077343/189138295-4cb8995b-fc9b-48b9-b790-2426ce1b59b6.png" width="200" height="400" ></img><br/>
  • 사이즈 지정 없이 마크다운 형식으로 이미지 넣는 방법(사이즈 지정 안하는것이 가로가 딱 맞춰서 들어가서 보기 좋다)
![image]({여기에 이미지 주소 붙여넣기})

//예시
![image](https://user-images.githubusercontent.com/110077343/189138295-4cb8995b-fc9b-48b9-b790-2426ce1b59b6.png)

 

 

 

5) 이미지 넣기 완료 

 

 

레퍼런스

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

https://blog.yena.io/studynote/2017/11/23/Github-resize-image.html

 

[GitHub] 이미지 사이즈 조절 & 정렬

깃허브 포스트를 올렸는데, 이미지 크기가 원본보다 커져서 당황했다. 여차저차 구글링 해서 가로/세로 사이즈를 줄였는데, 가로 길이가 줄어들지 않는다. 어떻게든 줄여놓으니 또 이미지 정렬

blog.yena.io