Markdown 뷰어를 탑재하고 있는 투고형 사이트에서의 Markdown에서 이미지 붙여넣을 때의 사이즈 지정
개요
Markdown 뷰어를 탑재하고 있는 투고형 사이트에서의 Markdown에서 화상 붙여 넣을 때의 사이즈 지정 방법.
Qiita에서도 할 수 있습니다.
Markdown 일발로는 걸리지 않지만 업로드한 후에는 이미지의 URL이 확정되므로,
그 이미지를 참조하면서 사이즈 변경하는 것을 HTML로 써
라는 형태로 대응한다.
1. 이미지 업로드
![保留.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/59542/9179f39e-40b3-9576-3075-65eec3777711.png)
위와 같은 링크가 표시됩니다.
이 시점에서 이미지 (보류 .png)의 크기
2. 이미지 첨부의 Markdown 서식을 아래와 같이 HTML로 재기록한다
※가로폭(width)에 사이즈를 지정하고, 세로폭(hight)은 자동으로 맡기는 예
![保留.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/59542/9179f39e-40b3-9576-3075-65eec3777711.png)
→
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/59542/9179f39e-40b3-9576-3075-65eec3777711.png" width="20">
크기 변경 후 이미지
참고
Changing image size in Markdown on Gitlab
Reference
이 문제에 관하여(Markdown 뷰어를 탑재하고 있는 투고형 사이트에서의 Markdown에서 이미지 붙여넣을 때의 사이즈 지정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/WisteriaWave/items/c1fd4429eb3f40b9eb08
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
![保留.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/59542/9179f39e-40b3-9576-3075-65eec3777711.png)
![保留.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/59542/9179f39e-40b3-9576-3075-65eec3777711.png)
→
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/59542/9179f39e-40b3-9576-3075-65eec3777711.png" width="20">
Reference
이 문제에 관하여(Markdown 뷰어를 탑재하고 있는 투고형 사이트에서의 Markdown에서 이미지 붙여넣을 때의 사이즈 지정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/WisteriaWave/items/c1fd4429eb3f40b9eb08텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)