단 하나의 HTML 태그로 프로젝트에 Github 별 아이콘 추가

단 한 줄의 코드로 프로젝트에 Star, Fork 등과 같은 Github 아이콘을 추가할 수 있다는 것을 알고 계십니까?
그렇지 않다면 계속 읽으십시오 ...

많은 웹사이트나 프로젝트에서 리포지토리를 별표로 표시한 총 사용자 수를 보여주는 Github 별표 아이콘을 본 적이 있을 것입니다. 이 아이콘을 클릭하면 별표로 표시할 수 있는 리포지토리로 리디렉션됩니다.



코드 속으로 뛰어들어 보자

<iframe 
src="https://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=star&count=true&size=large" frameborder="0"
scrolling="0"
width="170"
height="30"
title="GitHub">
</iframe>

라이브 예시



당신은 생각하고 있을지도 모릅니다 ...

내 리포지토리에 맞게 어떻게 사용자 정의할 수 있습니까? 🤔
Src 속성을 사용하면 쿼리 매개변수 키 값을 변경하여 자신의 리포지토리에 사용할 수 있도록 사용자 정의할 수 있습니다. URL의 5가지 중요한 키를 살펴보겠습니다.

user - Github 사용자 이름으로 바꿉니다

.

repo - 저장소 이름

type -icon type(값을 동일하게 유지)

count - 별 개수 표시(선택 사항)

크기 - 큰 아이콘용(선택 사항)

거의 끝났습니다!
하지만 아이콘의 크기를 조정하려면 어떻게 해야 하나요?🤔
자, 크기 조정에 도움이 되는 너비 및 높이와 같은 다른 속성도 있습니다. 너비 및 높이 속성이 있는 픽셀 단위를 추가하지 말고 값만 추가하면 자동으로 수행됩니다.

🏁 여기서는 일반적으로 사용되는 별 아이콘 중 하나에 대해 논의했습니다. 그 외에도 다른 아이콘here에 대해 자세히 읽어보세요.
더 좋은 방법을 알고 계시다면 댓글로 알려주세요.

읽어 주셔서 감사합니다