git

깃헙 프로필 뱃지

잔망루피 2021. 6. 27. 19:36

Java 뱃지 예시

왼쪽은 아이콘, 틀과 글자가 뱃지

 

<img src="https://img.shields.io/badge/"기술스택이름"-"색깔코드"?style=flat-square&logo="아이콘이름"&logoColor=white"/>

뱃지 만들기 템플릿

 

<img src="https://img.shields.io/badge/Java-3766AB?style=flat-square&logo=Java&logoColor=white"/>

뱃지 만들기 코드 예시

https://simpleicons.org/?q=mysql 에서 검색해서 나오는 기술스택은 아이콘이 있음

"아이콘이름"에 이 이름 대입

 

 

👇 참고하면 좋을 사이트

 

https://shields.io/

 

Shields.io: Quality metadata badges for open source projects

Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing dash "-" separator/badge/ - - Dashes --→- DashUnderscores __→_ Underscore_ or Space  →  SpaceUsing query string parameters/static/v1?label= &message= &color= Colo

shields.io

배지를 만들수 있는 사이트

 

 

https://html-color-codes.info/Korean/

 

HTML 컬러 코드

HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입

html-color-codes.info

컬러는 여기에서 원하는 색깔 클릭하면 컬러 코드가 나옵니다.

#은 제외해야 뱃지가 만들어짐

반응형