⚫️GitHub

[GitHub] 깃허브 프로필 꾸미기 (stats, 백준 Solved.ac, 언어 사용량, 네임 배지, Hits)

Cocoon_ 2022. 2. 28. 02:30
반응형

 

1. GitHub Nick name으로 Repository 생성하기

먼저 깃허브에서 레포지토리를 생성해야 하는데 자신의 닉네임으로 레포지토리를 생성하려고 하면 

K-Junyyy/K-Junyyy is a ✨special ✨ repository that you can use to add a README.md 
to your GitHub profile. Make sure it’s public and initialize it with a README to get started.

위와 같이 {Nickname}/{Nickname} 은 깃허브 프로필에 README.md를 사용할 수 있는 특별한 저장소입니다.라고 알려줍니다. 

깃허브에서 위(cocoon)가 Name, 아래(K-Junyyy)가 Nickname입니다.

저장소를 생성하고 나면 프로필 화면에 README.md 파일을 보여주는 공간이 생기게 됩니다.

 

 

2. GitHub Stats 표 작성하기 

이제 생성된 README.md 파일로 들어가서 "<> Edit file"을 해줄 건데요! 마크다운 문법에 대해 생소하신 분들은 기초적인 마크다운 문법에 대해 좀 알아보시고 하시는 것을 추천드립니다.

 

기본 틀

![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=깃허브 닉네임&show_icons=true&theme=스타일)

 

스타일 : 원하는 스타일을 고릅니다.

스타일 옵션: dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

 

 

![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=dark)   
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=radical)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=merko)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=gruvbox)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=tokyonight)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=onedark)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=cobalt)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=synthwave)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=highcontrast)  
![K-Junyyy's GitHub stats](https://github-readme-stats.vercel.app/api?username=K-Junyyy&show_icons=true&theme=dracula)

 

표 위치대로 스타일 속성

dark onedark
radical cobalt
merko synthwave
gruvbox highcontrast
tokyonight dracula

 

 

3. 백준 Solved.ac 표 작성하기

 

https://solved.ac/profile/cocoon

 

solved.ac - cocoon

최대 1일 연속 문제 해결, 현재 0일 날짜는 한국 시각 기준으로 매일 오전 6시에 변경됩니다. 강제 갱신의 경우 반영되지 않습니다. 경험치 10,382,015 ▪ BRONZE21741.8%232,5782.2% ▪ SILVER17734.1%1,326,57812.8%

solved.ac

 

기본 틀

[![Solved.ac Profile](http://mazassumnida.wtf/api/generate_badge?boj=백준아이디)](https://solved.ac/백준아이디)

 

 

4. 언어 사용량

 

기본 틀

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=깃허브 닉네임&layout=레이아웃 스타일&theme=스타일)

 

레이아웃 스타일

Demo(기본 값), compact
레이아웃 스타일 생략 시 Demo

 

스타일 : 원하는 스타일을 고릅니다.

스타일 옵션: dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

 

레이아웃 스타일 Demo(왼쪽)와 compact(오른쪽) 차이

표 위치대로 스타일 속성

dark onedark
radical cobalt
merko synthwave
gruvbox highcontrast
tokyonight dracula

 

 

5. 네임 배지

[![Tistory Badge](https://img.shields.io/badge/Tech%20Blog-555263?style=flat&logoColor=white)]("https://cocoon1787.tistory.com/)

 

 

6. Hits (방문자 수)

https://hits.seeyoufarm.com/

 

HITS

Easy way to know how many visitors are viewing your Github, Website, Notion.

hits.seeyoufarm.com

위 사이트에서 자신의 깃허브 url을 넣어주기만 하면 됩니다.

 

 

 

 

 

 

반응형