Markdown 작성 시 참고사항

몽루문·2023년 1월 31일
2

TIL - 개발지식

목록 보기
1/10
post-thumbnail

Header Image & GIF

📝 쓰임새

  • Markdown 파일에서 최상단 및 최하단을 장식하는 Image & GIF를 넣을때 사용

✒️ 사용법

■ 입력 & 설명

  • Markdown 파일에 아래와 같이 입력
![header](https://capsule-render.vercel.app/api?type=Waving&color=auto&height=150&section=header&text=CMUSProtocolModule&fontSize=50)
* type : 이미지의 종류 참고링크에서 type 참조
* color : 특정 색상을 지정 가능, auto로 사용 시 페이지 새로고침마다 색이 자동으로 변경
* height : 이미지의 높이 조정
* section : header로 입력하면 최상단에 footer로 입력하면 최하단에 Image가 표출
* text : 이미지 위에 보여질 Text
* fontSize : 이미지 위에 보여질 Text Font-size

■ 예시 출력

header


🔗 참고 링크 & 도움이 되는 링크






Badge

📝 쓰임새

  • Markdown 파일에서 뱃지를 표현하고 싶을 경우 사용

✒️ 사용법

■ 입력 & 설명

  • Markdown 파일에 아래와 같이 입력
<img src="https://img.shields.io/badge/OpenJDK 11-F8DC75?style=flat&logo=OpenJDK&logoColor=black"/>
* OpenJDK 11 : 뱃지 옆에 표현되는 Text
* F8DC75 : 뱃지가 표현되는 색상
* logo : 뱃지의 종류 참고링크에서 logo 참조
* logoColor : 뱃지 로고의 색상

■ 예시 출력


🔗 참고 링크 & 도움이 되는 링크






Emoki Emoticon

📝 쓰임새

  • Markdown 파일에서 이모티콘, 물체 등등의 이모티콘을 넣을 때 사용

✒️ 사용법

■ 입력 & 설명

  • 참고링크의 이미지를 복사 & 붙여넣기

🔗 참고 링크 & 도움이 되는 링크

profile
알고 있는 것을 정리하고, 새로운 것을 알기위해 끄적이는곳..

0개의 댓글