자꾸 뱃지 넣는 방법을 까먹어서 아예 두고두고 볼 수 있게 포스트를 작성한다. 🫥
Shields.io
Shields.io에서 뱃지를 만들 수 있다. 정적 뱃지 뿐만 아니라 동적 뱃지도 만들 수 있는데 정적 뱃지만 만들어 보겠다.
Shields.io에 접속해 Get started를 누르면 정적 뱃지에 대한 정보 페이지가 나온다. 본문에서는 정적 뱃지에 사용할 수 있는 parameters에 대해 적혀 있고, 오른쪽에서 필요한 옵션들을 골라 바로 뱃지를 만들 수 있다.
원하는 대로 옵션을 추가하면 된다.
자주 사용한 양식은 이런 식이다.
https://img.shields.io/badge/{뱃지이름}-{뱃지컬러}?style={뱃지스타일}&logo={로고이름}&logoColor={로고컬러}
Simple Icons
이제 로고를 넣기 위해 Simple Icons로 이동한다.
원하는 로고를 검색하면 사용 가능한 로고를 볼 수 있다. 여기서 필요한 값들을 위의 Shields.io의 파라미터에 넣으면 된다.
가장 위부터 차례대로
- 뱃지에 표시될 로고 모양
- 로고이름: 그대로 넣으면 된다
- 로고컬러:
#을 제외한 코드를 넣으면 된다. RGB 코드 말고white,black등의 단어를 넣을 수도 있다.
⬇️ 코드
⬇️ 결과물
참고
https://jisung-rithm.tistory.com/89
https://4sii.tistory.com/478
