GitHub

[GitHub] Overview 꾸미기

kwh_coding 2024. 7. 1. 13:12

 

우선 나의 프로필 상태이다.

아직은 추가할 내용이 더 많지만 중간정리 느낌으로 포스팅하려고 한다.


먼저 GitHub엔 이스터에그(?)처럼 숨겨진 기능들이 있다.

이렇게 New Repository에서 자신의 깃 로그인 아이디와 동일한 이름의 레퍼지토리를 적어주면 이런 화면이 나온다.

(난 이미 생성을 해두었기 때문에 이미 존재하는 레퍼지토리라고 나온다)

 


 

1. Header

소스: https://github.com/kyechan99/capsule-render

 

GitHub - kyechan99/capsule-render: 🌈 Dynamic Coloful Image Render

🌈 Dynamic Coloful Image Render. Contribute to kyechan99/capsule-render development by creating an account on GitHub.

github.com

 

![header](https://capsule-render.vercel.app/api?type=waving&color=timeGradient&text=Welcome%20to%20whkim98's%20GitHub%20👋&animation=twinkling&fontSize=30&fontAlignY=40&fontAlign=70&height=250)

 

api? 뒤에 코드를 통해 커스텀이 가능하다. 


2. 조회수

뱃지 생성 사이트 : https://hits.seeyoufarm.com/

 

HITS

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

hits.seeyoufarm.com

위 사이트를 접속하면 

이런 뷰가 나올 것이다. 원하는 색상, 아이콘 등을 추가하고 복사하여 사용하면 된다.


3. 상태 카드

소스 : https://github.com/anuraghazra/github-readme-stats

 

GitHub - anuraghazra/github-readme-stats: :zap: Dynamically generated stats for your github readmes

:zap: Dynamically generated stats for your github readmes - anuraghazra/github-readme-stats

github.com

 

다양한 상태를 확인할 수 있도록 제공한다.

![whkim98's GitHub stats](https://github-readme-stats.vercel.app/api?username=whkim98&show_icons=true&theme=radical)

4. 뱃지

뱃지 제작 사이트 : https://shields.io/

 

Shields.io | Shields.io

Concise, consistent, and legible badges

shields.io

<img src="https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=CSS3&logoColor=white">

거의 모든 스택, 툴 등이 만들어져 있으니 가져다가 쓰면 된다.