github readme bedge 만들기

https://shields.io/category/build 여기서 간단하게 만들 수 있다.
그러나 아이콘을 추가하고 싶다면 https://simpleicons.org/ 여기에 일단 들어가자.

예를들어 next js 아이콘을 bedge에 추가하고 싶다고 하자. 그럼 next js를 검색하면 아이콘이 검색된다. 그럼 아이콘을 추가할 수 있다는 말이다.

그리고 검색결과로 나온 이름이랑 color를 아래의 url에 입력하면 된다.

https://img.shields.io/badge/텍스트-컬러코드?style=원하는스타일&logo=아이콘이름&logoColor=white

이때 컬러코드에 #을 빼야한다.

https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white

이런식으로 url창에 쳐서 아이콘이 잘 나오는지 확인. 그리고 아래와 같이 img태그에 넣어주면 bedge가 완성된다.

<img src="https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white"/>

짜잔!