Github 꾸미기

어? 예쁘다🌸

github의 프로필을 예쁘게🌸 꾸밀 수 있다고 해서 꾸미는 것에 진심인 저....헐레벌떡 시작했습니다.

1. 프로필로 보일 Git Repository 생성

• Repository name을 자신의 id로 설정하기
  - 귀여운 고양이가 나와서 특별한 repository를 찾았다고 나와요. 고냥이가 나와서 상태가 Public인지 README 초기화로 하라고 설명해주네요.

• 모두에게 보이게 Public!
  - Add a README file을 체크

2. 틀

• Deepening Readme Creater
  매우 간단한 GitHub 프로필 Readme 생성기로 프로필에 복사/붙여넣기할 수 있는 아름다운 Readme 파일을 만들 수 있습니다.
  Deepening Readme Creater
  

3. 꾸미기

• 3.1 Banner

  

  • 미리캔버스
    간단하게 배너나 ppt를 만들 수 있는 사이트
    미리캔버스

    백그라운드는 길을 걷다가 찍은 나무 사진이 마음에 들어서 넣어 봤습니다. 개인적으로 글씨 색을 초록색으로 하고 싶었는 데 가독성이 너무 떨어지더라고요 ㅠㅠ...

• 3.2 Emoji

  저는 두 가지 사이트를 사용 했는데 입맛에 맞게 사용하시면 될 것 같아요!

  • 트위터 기호
    트위터의 이모지를 클릭하면 바로 복사가 되는 사이트
    트위터 기호
    

  • SNS.KEYBOARD
    다양한 이모지로 꾸며볼 수 있는 사이트
    SNS.KEYBOARD
    

• 3.3 Icon

  • shields

    여러 가지 아이콘을 제공하는 사이트
    shields
    

*아이콘*
<img src="https://img.shields.io/badge/SpringBoot-6CB33F?
style=flat-square-&logo=Spring&logoColor=white"/> 

<img src="https://img.shields.io/badge/언어(JAVA, C, C++, 등등)-백그라운드색?
style=flat-square-&logo=Spring&logoColor=로고색"/>

<p align="center">
	//velog
  <a href="사이트주소">
  	<img src="https://img.shields.io/badge/Tech%20Blog-11B48A?style=
    flat-square&logo=Vimeo&logoColor=white&link=사이트주소"/>
  </a>
  //gmail
  <a href="mailto:이메일주소">
  	<img src="https://img.shields.io/badge/Gmail-d14836?style=
    flat-square&logo=Gmail&logoColor=white&link=이메일주소"/>
  </a>
</p>

• 3.4 Github stats card

  자신의 깃허브 stats를 보여주는 카드 생성해주는 사이트
  Github stats card
  

*코드*
![GitHub stats]
(https://github-readme-stats.vercel.app/api?username=이름&hide_
title=true&show_icons=
true&include_all_commits=true&disable_animations=true&theme=vue)

카드들의 종류가 많아 원하는 것을 골라 쓰세요!

• 3.5 사용한 구글 확장 프로그램

  • Page Ruler Redux
    웹페이지 내에 이미지 측정
    

  • ColorZilla
    웹페이지 내에 색상 HEX 값 가져오기
    
    
    

• 중요 코드

*가운데 정렬*
<h2 align="center">🌱 It's me</h3>

🌱 It's me

결과물

부족함이 많은 제 글 여태까지 봐주셔서 감사합니다~ (제 커밋상태가 너무 부끄럽네요... 앞으로 달려야겠습니다.)