[Git] GitHub 깃허브 프로필 꾸미기 (프꾸..💗)

이력서랑 포트폴리오를 작성하다 보니

나도 다른 사람들처럼 깃허브를 이쁘게 꾸미고 싶은 마음이 생겼다🥹

다들 깃허브를 어떻게 그렇게 이쁘게 잘 꾸미죠,,

 

이쁜 깃허브 화면에서 커밋하면 더 기분이 좋겠지ㅎㅎㅎ

 

생각보다 매우 간단해서 나처럼 안했던 사람들 모두모두 이쁘게 꾸며보면 좋겠다

같이 프꾸해요..💗

 

---

 

 프로필용 ReadMe 생성하기 

 

제일 먼저 프로필 Readme를 작성하기 위해서

새로운 repository를 생성하기

 

 

Repository Name에 내가 사용하고 있는 깃허브 아이디와 동일하게 작성하면

귀여운 파란 야옹이가 ✨special✨ repository라고 알려준다ㅎㅎㅎ

 

 

 

✅ Public 체크

✅ Add a README file 체크

 

두 항목 모두 체크 후

초록색 Create 버튼 클릭해서 repository 생성하기!

 

special 기본화면

 

생성하고 나면 나의 깃허브 메인에

프로필용 Readme가 생성된 것을 볼 수 있다!

우측 연필 모양 클릭 시 편집이 가능한데,

원하는 요소들을 넣어 꾸며주면 끝😋

 

 

 오픈소스로 프꾸하기 (◞♥ ꈍ ∇ ꈍ)◞♥ 

내용 작성중임...😝

 

1. 기술 스택 아이콘

https://simpleicons.org/

Simple Icons

 

 

2. profile stats

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

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

 

아래 코드로 나의 깃 상태를 한 눈에 볼 수 있는 카드를 추가할 수 있다

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

 

count_private=true로 설정시

private repository에서 커밋 수도 합산된다

 

 

나는 궁금해서 해봤더니 C+등급 나왔음..ㅎ

 

 

3. 프로필 헤더 꾸미기

https://github.com/kyechan99/capsule-render#soft

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

 

 

위 링크 들어가서 Types 클릭하고,

원하는 헤더 이미지 타입을 골라서 type=slice 부분을 수정해주면 끝

 

프로필 헤더 예시

 

여기서 내가 사용하려는 이미지 타입이

Waving이라면 아래와 같이 type=Waving으로 작성하면 된다!

![header](https://capsule-render.vercel.app/api?type=Waving)

 

 

 

4. 방문자 수 표시

https://hits.seeyoufarm.com/

HITS

 

 

TARGET URL에 깃허브 아이디를 적고 원하는 색상을 선택한 뒤

아래에 나오는 마크다운 소스를 복사해서 붙여넣으면 방문자 수 뱃지가 나온다!

딱히 내 깃허브에 찾아오는 사람도 없지만 올라가는거 보면 나름 소소한 재미가 있돠,,

 

어떤 색상으로 할 지 고민 된다면?

컬러팔레트에서 여러 색상을 확인해볼 수 있다😊

https://mybrandnewlogo.com/ko/color-palette-generator

CSS 색상 표 생성기 : 무료 아름다운 색상 표

 

5. 티스토리 카드

https://github.com/loosie/github-readme-tistory-card

GitHub - loosie/github-readme-tistory-card: github profile readme에 tistory 카드를 올려보자

 

티스토리에 올린 글을 노출 시킬 수 있는 오픈소스

![Tistory's Card](https://github-readme-tistory-card.vercel.app/api?name=peachcong&postId=12)

 

name=peachcong

빨간색 텍스트 부분에 내가 사용하고 있는 티스토리 아이디를 작성하면 된다

 

노출되는 글의 기준은 최근 발행 글 기준이며,

특별히 노출하고 싶은 포스팅이 있다면

postId를 작성해주면 된다!

적용 이미지

 

테마도 여러가지가 있고,

README에 자세히 적혀있어서 읽어보면 금방 따라할 수 있다