[Git] Markdown Badge 만들기

 

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 에서 이미 만들어놓은 뱃지들을 사용해줘도 될거 같다.

• https://github.com/Ileriayo/markdown-badges