(GitHub) 깃허브 프로필 꾸미기 - 1탄 (스킬 뱃지 만들기)

포스팅 요약

1. 깃허브 프로필 

2. 깃허브 프로필 꾸미기전 설정

3. 스킬뱃지 만들기

---

허전한 제 깃허브 프로필을 꾸며봤습니다 ㅎ_ㅎ 

아직 깃허브를 시작한지 별로 안되서 잔디는 많이 못채웠지만, 

요즘 1일 1 commit을 하려고 최대한 노력중이에요

---

1. 깃허브 프로필

직접 보러가기: 깃허브 프로필 바로보기

저는 그냥 이렇게 꾸몄습니다!!

자기가 원하는대로 디자인 하시고, 꾸미면 될것 같아요 ㅎㅎ

---

2. 깃허브 프로필 꾸미기전 설정

깃허브 프로필은 readme를 통해서 꾸며야 됩니다!!!

 

1) 깃허브에 접속하여 로그인하기

깃허브 사이트: https://github.com/ 

 

2) 새로운 레파지토리 만들기

 

 

3) 레파지토리 이름 자기 아이디로 설정

- 레파지토리 이름에 내 아이디를 적어 넣으면  "You found a secret!"메시지가 뜹니다. 

- 그리고 꼭!!!! Add a README file 체크해야 됩니다!!!

* 저는 이미 제 아이디로 레파지토리를 만들어서 빨간색으로 표시되는 겁니당...

 

4) README 수정

 

---

3. 스킬뱃지 만들기

1) 스킬뱃지 

스킬뱃지 는 이 사이트에서 제공하는 방법으로 만든다: https://shields.io/

아래와 같은 형식을 readme에 넣어주면 뱃지가 생긴다.

<img src="https://img.shields.io/badge/{내용}-{배경 색깔}?style={스타일}&logo={로고이름}&logoColor={로고 색깔}"/>

{내용} : 스킬 뱃지 안에 넣을 문자 내용입력

{배경 색깔} : 색상이름 혹은 색상표기법 사용

{스타일} : plastic, flat, flat-square, for-the-badge, social이 있다 (shields사이트 참고 + 아래 이미지 참고 하세요)

 

{로고 이름} : simpleicons.org <- 사이트 참고하셔서, 사이트에서 로고이름 검색해서 나오면 사용 가능!

ex) 아래 이미지 참고하세요 :)

 

{로고 색깔} : 원하는 색깔 입력, 혹은 위 사진의 사이트에서 색상 나오는데 참고하셔도 됩니다. 

* 주의할 점: 색상에서 #CC6699이면 '#'은 빼야 됩니다!!!

 

최종적으로  만들은 로고 코드:

<img src="https://img.shields.io/badge/Scss-green?style=flat&logo=Sass&logoColor=CC6699"/>

 

최종 로고 이미지:

---

여기까지 프로필 꾸미기 1탄입니다! 

2탄에서는  Github Stats 표 만드는법 ++Github작성시 꿀팁 (중앙 정렬, hr선 등 )

3탄에서는 Daily commit 시간 통계 노출하는법 

을 작성하겠습니다.