본문 바로가기
Git

Git(3) - 깃허브 프로필용 뱃지 만들기

by 공판다2 2022. 2. 2.

* 당신의 시간 단축을 위해서 (급하신분은 이것만 보셔도 됩니다.)

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


* 아래 그림과 같이 빨간부분에 해당하는 부분을 바꿔주세요.

 

badge/Java : Java부분을 원하는 이름으로 작성

Java-007396 : 007396부분을 이름의 색상으로 작성(#은 생략)

Ex) red, orange, yellow, yellowgreen, green, brightgreen, blue, ff69b4(핑크), blueviolet black(보라색)

logo=Java : Java부분을 원하는 로고 이름으로 작성

(로고 이름은 https://simpleicons.org/에서 확인하세요)

logoColor=white : White부분을 원하는 로고 색상으로 작성

<img src="https://img.shields.io/badge/{이름}-{이름의색상}?style=flat&logo={로고이름}&logoColor={로고색상}"/>

* {}은 지우고 작성하세요!

 


 

1. 자신의 깃허브 주소로 들어가 리드미 수정버튼을 누릅니다.

 

 

 

2. https://simpleicons.org/에 들어가 원하는 아이콘을 확인합니다.

(저는 Java아이콘에 #007396 이라는 색상을 사용하겠습니다.)

 

3. { } 에 해당하는 내용을 채워줍니다.

<img src="https://img.shields.io/badge/{내용}-{배경 색깔}?style={스타일}&logo={로고이름}&logoColor={로고 색깔}"/>

{ }은 지워주세요

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

 

4. 리드미 내용을 수정해주면 해당 자바 아이콘이 생성됩니다.

 


 

5. https://shields.io/ 들어가서 뱃지모양을 직접 만들어볼 수 있습니다.

 

 

 

댓글