Github 블로그 image 사이즈 조정하기
Github 블로그 image 사이즈 조정하기
Github 블로그 포스트에 삽입된 이미지 사이즈 조정법
블로그 포스팅 하면서 알게된 마크다운 이미지 사이즈 조정하는 방법을 공유하려 한다
⚠️ 매우 간단함 주의
혹쉬 마크다운에 이미지 삽입하는 방법을 모른다면 Github 블로그 image 삽입하기 포스트를 참고하기 바랍니당
📍이미지 링크 옆에 조건 적기
마크다운에 이미지를 삽입할 때 ![이미지 이름](이미지 URL)
과 같은 형식으로 입력한다.
사이즈 조정은 그 뒤에 {: width="100%"}
이런식으로 붙여주면 된다.
전체적으로 보면 아래와 같이 써진다.
![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="100%"}
✔️조건 없이 이미지만 삽입했을 때
![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg)
✔️width 100% 일 때
![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="100%"}
✔️width 50% 일 때
![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="50%"}
✔️width 30% 일 때
![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="30%"}
% 말고 px 등 다른 단위로 써도 된다! 그럼 이만~~~