이전 블로그 참고하세요!
오늘은 이전 블로그에 이어서 Github Profile을 변경하는 법을 알려드리겠습니다.
1. Badge에 링크 걸기
저번 블로그에서 Badge에 대해서 설명드렸는데요.
Badge를 누르면 해당 링크로 이동할 수 있도록 해보겠습니다.
<a> </a> 태그 이용
<a href="링크"><img src="해당 뱃지코드"/></a>ex)
<img src="https://img.shields.io/badge/Velog-20C997?style=flat&logo=Velog&logoColor=white" />
위의 Badge를 클릭하시면 저의 Velog로 이동합니다.
2. 이미지 넣기
<img src ="해당 이미지 링크">
원하는 이미지를 우클릭한 후, 이미지 주소 복사를 선택하시면 이미지 주소를 쉽게 얻을 수 있습니다.
(자세히는 모르지만 저작권이 문제가 될 수도 있기때문에 royalty free image를 사용해주시는게 좋을 것 같습니다.)
이후, 이미지 주소를 " "안에 넣어주시면 됩니다.
ex)
<img src ="https://t4.ftcdn.net/jpg/05/78/93/03/240_F_578930383_P3utXyTfLBKUu73RKrXan6e0dVSxIkBr.jpg">
3. 방문자 수
해당 링크 로 가시면 쉽게 만들 수 있습니다.
TARGET URL : 원하는 링크 입력
Add icon : 클릭 후, 원하는 아이콘 선택.
TITLE : 제목 입력
미리보기가 가능해서 하나씩 커스텀하시면서 만들어주시면 됩니다.
이후, 원하는 형식의 코드를 COPY하신 후, 입력해주시면 됩니다.
ex)
<a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fhyuntae99&count_bg=%2379C83D&title_bg=%23555555&icon=github.svg&icon_color=%23E7E7E7&title=hits&edge_flat=false"/></a>
4. Solved.ac Profile (백준 티어) 작은버전
저번 블로그에서는 큰 버전을 소개시켜드렸는데
너무 커서 부담스럽더라고요...ㅎㅎ
그래서 작은 버전을 가지고 왔습니다.
[](https://solved.ac/백준아이디)ex)
[](https://solved.ac/hyuntae9912)아래는 큰 버전입니다. (자세한 내용은 이전 블로그를 참고해주세요.)
5. Pinned 사용하여 꾸미기
이 부분은 다른 분의 오픈 소스와 gist를 이용한 방법입니다.
Pin은 기본적으로 자신의 repository가 gist를 등록해 프로필에 보이게 할 수 있습니다.
제가 사용한 라이브러리는 github-stats-box와 productive-box입니다.
다른 라이브러리도 사용 방법이 유사하므로 productive-box를 기준으로 설명드리겠습니다.
- 먼저 해당 링크에 가서 fork를 해줍니다.
(fork가 완료되었으면 내 git으로 들어가 해당 repository가 있는지 확인해줍니다.
- git에서 해당 repository를 확인 후, 위의 사진처럼 상단 우측 '+' 버튼을 클릭하여 New gist 버튼을 눌러줍니다.
- 이후, 제목과 내용에 아무 내용이나 입력하시고 Creat public gist를 클릭합니다. (저는 1을 각각 입력했습니다.)
- Settings -> Developer settings -> Personal access tokens -> Tokens (classic) -> Generate new token을 눌러주세요.
- 이후, NOTE에 GH_TOKEN를 입력하고 repo와 gist를 체크 후 생성하시면 됩니다.
- 생성하면 GH_TOKEN나오는데 꼭 복사해두세요! (다시 확인이 불가능합니다!!!)
- 자신의 productive-box repository -> Settings -> Secret and variavles -> Actions -> New repository secret을 눌러주세요.
- 이름은 GH_TOKEN, 내용에는 6번에서 생성했던 값을 넣어주세요.
- 이후, 3번에서 만들었던 gist url의 노란색 부분을 복사합니다.
- 7~8번과 같은 방법으로 이름은 GIST_ID, 내용은 복사한 값을 넣어줍니다.
- 위와 같이 2개의 파일이 생성되었다면 완성입니다.
- 이제 git profile로 들어가 우측 하단의 customize your pins를 클릭 후 다음 항목에 check해주면 끝입니다.
바로 반영이 되지 않을 경우가 있는데 해당 repository의 README에 들어가서 공백 하나만 추가하시고 Commit하시면 해결되실겁니다!!!
+) github-stats-box 사용법
github-stats-box도 위의 과정도 똑같습니다만 하나 추가할 것이 있습니다.
github-stats-box ->.github/workflows -> run.yml으로 들어가셔서 GIST_ID를 변경해주시면 됩니다.
나머지 과정은 위와 똑같습니다.
6. 다크모드 설정
마지막으로 다크모드 설정에 대해서 알려드리겠습니다.
setting -> Appaerance로 들어가시면 아래와 같은 화면이 나옵니다.
원하시는 색깔을 고르시면 테마에 바로 적용되니 비교하시면서 마음에 드는 테마 선택하시길 바랍니다. (저는 기본 사용하고 있습니다.)
ex) 다크 모드를 적용한 Profile
7. 최종 Profile
저는 최종적으로 이런 profile을 사용하고 있습니다.
말하고자하는 바를 전하면서 최대한 깔끔하게 만드는 것이 좋은 것 같습니다. 자신의 개성을 잘 표현할 수 있는 profile을 만드시길 응원하겠습니다!
Github 주소 : https://github.com/hyuntae99
