[Shield.io] 마크다운 배지 만들기

왜 사용하게 되었는가?

• Github 내용을 정리하며 한눈에 보기좋게 사용 스킬을 정리하고 싶었다. 각각의 언어, 툴마다 그들을 대표하는 색상이 있기때문에 일반 검정 텍스트로 정리하는 것 보다 시각적으로 눈에 잘 띄는 것은 물론이고, 배지에 원하는 링크를 지정할 수 있기때문에 내가 사용한 언어, 툴의 정보를 보여주기도 쉽다. 시간을 더 투자하여 정리해두면 가독성 좋은 정보를 제공할 수 있을 것이라 생각되어 사용하게 되었다. (예시는 Java 배지를 기준으로 작성)

준비

• 배지에 사용할 아이콘 Simple Icons
• 배지를 만들어줄 shields.io

사용하기

1. Simple Icons 검색을 통하여 원하는 아이콘을 검색

   https://img.shields.io/badge/Java-007396?style=flat-square&logo=Java&logoColor=white

https://img.shields.io/badge/{배지이름}-{css컬러}?style={스타일}&logo={로고}&logoColor={로고컬러}

1. 배지이름 : 원하는 이름 입력 (예시 : Java)

2. css컬러 : 검색한 아이콘에서 css컬러 입력 (예시 : 007396)

3. 스타일 : plastic, flat, flat-square, for-the-badge, social (예시 : flat-square)
   

4. 로고 : Simple Icons 에서 검색한 로고명을 입력, 없는 로고가 존재할 수 있음 (예시 : Java)

5. 로고컬러 : 색상 입력 (예시 : white)

자주 사용하는 배지 예시