Git
[Git] Markdown Badge 만들기
yonikim
2025. 1. 2. 13:08
728x90
README.md 를 쓰다 보면, 자신이 사용하는 Skill 을 예쁘게 쓰고 싶을 때가 있다.
1. Simple Icons 에서 원하는 아이콘을 검색한다.
2. Shields.io에서 제공하는 url 을 사용한다.
- https://img.shields.io/badge/${뱃지명}-${css컬러}?logo=${Simple Icons 에서 검색한 로고명}&logoColor=${로고 컬러}
- ex) https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white
- Simple Icon 에 로고가 없을 수도 있다. (Java 는 왜 없는건지 의문)
3. README.md 에 삽입해주면 된다.
<img src="https://img.shields.io/badge/made by-yoni-pink">
<img src="https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white">
<img src="https://img.shields.io/badge/React-61DAFB?logo=React&logoColor=white">
한땀한땀 찾아서 만들어주기 귀찮다면, 아래 Repository 에서 이미 만들어놓은 뱃지들을 사용해줘도 될거 같다.
728x90