[Github] 기술 배지 등록하는 법

PersesTitan·2022년 7월 1일
1

Github & Git

목록 보기
3/7
post-thumbnail

현재 자바 아이콘은 오라클에서 사용을 못하게 하여 못쓰는 걸로 알고 있습니다... 그래서 저는 Java 아이콘은 OpenJDK를 사용하고 있습니다.

(제가 사용하는 Java 기술 배지)

깃허브에는 README.md라는 파일이 있는데요. 만들게 되면 프로젝트마다 설명등이 띄위지기 때문에 프로젝트 설명에 유용하게 사용할 수 있습니다.

(메인 페이지에 보이는 README.md는 유저아이디로 만든 레파지토리의 README.md가 보여집니다.)

아이콘

우선은 다음링크에 넣고 싶은 아이콘을 찾아봅니다.
기술 배지 아이콘 링크

사용법

맨위에 보여준 Java 아이콘 예시입니다.
HTML

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

마크다운

![](https://img.shields.io/badge/Java-007396?style=flat&logo=OpenJDK&logoColor=white")

마크다운에서는 2개다 같은 동작이니 편한 걸로 사용해주시면 됩니다. 중요한건 링크인데요.

https://img.shields.io/badge/{출력되는 이름}-{색깔}?style={모양}&logo={출력되는 로고 이름}&logoColor={로고 색깔}

출력되는 이름 : 아이콘 옆에 글짜 부분입니다.
색깔 : 기술 배지 아이콘 링크아이콘 아래에 색깔을 복사해서 붙여주시면 됩니다.(단, #은 빼고 입력)
출력되는 로고 이름 : 로고 이름은 기술 배지 아이콘 링크에 있는 글짜를 입력해주시면 됩니다.
로고 색깔 : white, black, red 등 아이콘 색깔을 바꿀 수 있습니다.

모양 : style 종류

flat

plastic

flat-square

for-the-badge

social


기술 배지 아이콘
깃허브 링크

profile
안녕하세요 페르세스 티탄입니다! 부족한 부분이 많이 있겠지만 잘부탁드립니다.

1개의 댓글

comment-user-thumbnail
2023년 5월 6일

덕분에 스타일 종류도 수정해봤네요 감사합니다!!

답글 달기