현재 수정 전 꾸며져 있는 내 Github profile이다.
하루에 몇 명이 방문을 하는지와 누적 방문자가 표시되어 있고, Facebook, Instagram, Twitter가 있다.
그리고 Github Followers가 몇 명인지도 보여진다.
이 부분을 좀 변경하는 김에 겸사겸사 블로깅한다.
Github profile repository 만들기
위의 사진과 같이 자신의 Github 계정 이름과 동일한 이름으로 Repository를 생성한다.
(현재 필자는 이미 계정 이름과 동일한 이름의 Repository가 만들어져 있으므로 위의 사진에서 빨간색이 뜨는 것이다.)
그리고 "Add a README file" 항목을 체크해준 다음 "Create repository"를 눌러 Repository를 생성한다.
README.md 파일 수정
이제 생성된 Repository를 가면 위와 같이 README.md 파일이 있는데, 이 파일을 수정하면 Github profile에 출력된다.
README.md 파일에는 기본적으로 짧은 인사말이나 소개글, 기술 스택, 연락처 등을 적는 것을 추천한다.
그리고 이 README.md 파일을 수정할 때는 Markdown 문법을 사용할 것인데, Markdown 문법의 사용법은 아래 링크를 참고한다.
https://gist.github.com/ihoneymon/652be052a0727ad59601
그리고 Github에서 작성하고 커밋한 뒤 적용되는 데까지는 약간의 시간이 소요되기 때문에 작성한 Markdown 코드의 결과를 아래의 링크를 통해 미리 보는 것을 추천한다.
(참고로 위의 사이트에서 결과가 원하지 않는대로 보인다고 하더라도 Github에서 적용하면 적용이 되는 경우가 있다.)
자신의 SNS, 프로그래밍 언어 배지 넣기
위의 사진에 나와있는 것들이 배지인데, 배지를 사용하여 여러 정보들을 나타낼 수 있으며, 배지를 <a> 태그로 감싸 자신의 SNS에 연결할 수도 있다.
배지를 나타내는 것도 README.md 파일을 통해 나타낸다.
배지 : https://shields.io/
아이콘 : https://simpleicons.org/
위의 두 링크는 배지를 나타내는 데 참고할 공식 사이트이며, 위의 내용을 참고하여 구문을 작성하면 아래와 같다.
// 어떻게 적어야 할 지 모르겠을 때 참고 : https://github.com/kyechan99/capsule-render
기본 형식
<img src="https://img.shields.io/badge/[출력될 텍스트-컬러코드]?style=[스타일 이름]&logo=[로고 아이콘 이름]&logoColor=[로고 바탕색 색이름]"/>
ex) <img src="https://img.shields.io/badge/C-A8B9CC?style=plastic&logo=C&logoColor=black"/>
응용버전
facebook : <a href="https://facebook.com/xeanbaek"></a>
twitter : <a href="https://twitter.com/xeanbaek"></a><!-- twitter -->
자신의 Github 방문자 수 배지 넣기
위의 링크에 접속한다.
방문자 수를 표시할 "Github 계정 주소"나 "레포지토리 주소"를 입력하고, "ICON COLOR", "TITLE", "TITLE BG COLOR", "COUNT BG COLOR" 항목을 설정하면 아래에 MARKDOWN, HTML LINK, EMBED URL(NOTION) 형태로 변환해준다.
3개 중에 하나를 복사하여 README.md 파일에 입력하면 된다.
방문자수 배지 적용 결과
자신의 Github 활동 관련 통계 넣기
https://github.com/anuraghazra/github-readme-stats
위의 내용을 참고하면 아래와 같다.
기본형
[](https://github.com/anuraghazra/github-readme-stats)
ex)
[](https://github.com/anuraghazra/github-readme-stats)
하지만 위의 코드를 참고하여 작성하면 심심하기 때문에 위의 Github 주소를 참고하여 옵션을 더 붙힌 최종 코드는 아래와 같다.
기본형
자신의 Github 레포지토리들에서 가장 많이 쓰인 언어 통계 넣기
이 역시 위의 anuraghazra Github의 내용을 참고하면 된다.
기본형
[](https://github.com/anuraghazra/github-readme-stats)
ex)
[](https://github.com/anuraghazra/github-readme-stats)
통계들 적용 결과
자신의 Daily 코딩 시간 통계 넣기
참고 : https://fernando.kr/develop/2020-05-02-github-gist-posting/
이 통계는 아침, 점심, 저녁, 새벽 중에 커밋을 가장 많이 하는지를 보여주는 통계이다.
이 통계는 Github profile이 아닌 이미 존재하는 레포지토리를 fork하여 작업한 뒤 프로필에서 pinned해야 확인할 수 있다.
https://github.com/techinpark/productive-box
위의 github 레포지토리를 fork 한다.
작업은 아래와 같다.
1. fork를 하면 해당 레포지토리가 내 Github 계정에 생성되어 있는데, 이 fork된 레포지토리에 들어가 새로운 public Gist를 생성한다.
2. Gethub 토큰을 repo와 gist 두 가지 항목이 선택한 채로 생성하고, 토큰의 값을 복사하여 어딘가에 적어두거나 저장해둔다.
3. 2번의 작업을 거쳐 생성된 gist의 URL 주소 중 맨 마지막 '/' 뒤에 있는 부분을 복사한다.
4. fork 한 레포지토리로 가서 해당 레포지토리의 Setting -> Secrets 탭에 들어간다.
5. "Add a new secret"를 눌러 두 가지를 만든다. GH_TOKEN : 이전에 생성했던 Github 토큰을 입력, GIST_ID : 복사해뒀던 Gist URL 주소의 뒷 부분을 입력한 후 저장한다.
6. Setting 탭이 있던 부분에서 Actions 탭에 들어간 후 Enable을 눌러 Actions를 활성화 시킨다.
7. 마지막으로 fork 한 레포지토리를 Pinned 처리한다.
결과
README.md 파일 수정 후 결과
전체적인 과정을 참고한 블로그 - https://velog.io/@woo0_hooo/Github-github-profile-간지나게-꾸미기
위의 블로그 주인장님의 Github README.md 파일 - https://github.com/wookyoungkim/wookyoungkim/blob/main/README.md
markdown 문법 : https://gist.github.com/ihoneymon/652be052a0727ad59601
markdown 작성 시 결과 미리보기 사이트 - https://dillinger.io/
배지 활용 사이트 - https://shields.io/
아이콘 참고 - https://simpleicons.org/
조회수 확인 배지 만들어주는 사이트 - https://hits.seeyoufarm.com
자신의 Github 방문자 수 배지 넣는 과정 참고 블로그 - https://alpoxdev.tistory.com/14
자신의 Github status 통계 Github repo - https://github.com/anuraghazra/github-readme-stats
자신의 Github status 통계 넣는 과정 참고 블로그 - https://madplay.github.io/post/design-github-profile-using-readme-md
자신의 Daily 코딩 시간 기록 Github repo - https://github.com/techinpark/productive-box
자신의 Daily 코딩 시간 기록 넣는 과정 참고 블로그 - https://fernando.kr/develop/2020-05-02-github-gist-posting/
Tistory-card Github - https://github.com/loosie/github-readme-tistory-card
'How to > do' 카테고리의 다른 글
| Visual Sutdio 2022에서 라이브러리 파일 동적으로 연결하여 빌드, 정적으로 연결하여 빌드 설정 (0) | 2023.08.26 |
|---|---|
| Visual Studio 2019에서 DLL 파일 만들기 (0) | 2022.08.18 |
| Hexo와 github로 블로그 사용하기 (0) | 2022.08.07 |
| [Windows] Windows에서 복사한 시스템 파일(ex. notepad.exe 복사본) 실행하기 (1) | 2022.06.12 |
| [막힘] MacOS에서 Ridibooks DRM 해제 (14) | 2021.05.10 |