ReadMe 뱃지

Eugenius1st·2023년 1월 25일
0

금붕어상자

목록 보기
5/6

README.md에서 Badge 꾸미는 방법

참고 사이트
💡 아이콘: https://simpleicons.org/

<img src="https://img.shields.io/badge/표시할이름-색상?style=for-the-badge&logo=기술스택아이콘&logoColor=white">
  • 위의 코드에 '표시할이름' 자리에 'Pyhon'을 적어줍니다.
  • '색상' 자리에 복사한 색상 코드를 넣어줍니다.(앞에 #은 빼주세요!)
  • '기술스택아이콘' 자리에 기술 이름을 넣으면 아이콘이 들어갑니다.(아래 사진 참고)
  • 마지막 'white' 부분은 logo color를 설정해주는 부분입니다.
    그래서 white로 했기 때문에 아이콘이 화이트 색상으로 들어갑니다.

그러면 파이썬 뱃지를 만들어보겠습니다.

<img src="https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=Python&logoColor=white">

위의 뱃지를 만들기 위해 작성한 코드입니다. 참고해서 뱃지를 만들어보세요!

profile
최강 프론트엔드 개발자가 되고싶은 안유진 입니다

0개의 댓글