🧡깃허브 예쁘게 꾸미는 법 (간단해요!!) 🧡

개발자들의 간판이라고 할 수 있는 깃허브 메인 꾸미기!!

 

생각보다 정말 간단합니다.

 

복사 붙여넣기 몇번만 하시면 돼요!! ㅎㅎ

 

그럼 폭풍 복붙하러 레쓰고~~

 

github.com/Joowon0220/

Joowon0220 - Overview

 

 

 

먼저 제 깃허브의 메인 모습입니다.

 

여기서 꾸밈 요소는 크게 세가지로 볼 수 있어요.

 

1) 녹색 큰 면적을 차지하고 있는 헤더 부분

--> 이 부분은 새로고침 할 때마다 색이 자동으로 바뀝니다. 아래 코드에서 상세히 알려드릴게요 :)

 

2) 기술과 나를 보여줄 수 있는 링크 부분

--> 여기서는 각 기술에 대한 브랜드 로고와 색, 링크걸기를 다 커스텀 할 수 있어요!

 

3) 오늘 내 깃허브에 몇명이 들어왔나 보여줄 수 있는 hits 태그

--> 오늘 방문자/ 총 방문자를 알 수 있습니다.

 

 

 

 

 

 

자, 그럼 먼저 메인을 꾸밀 Repository와 Read.me 파일을 생성해 볼게요.

 

 

본인 깃허브에 로그인 한 후 Repositories > New 클릭

새로운 레포지토리를 생성하러 들어갑니다.

 

 

*자신의 아이디와 똑같은 이름의 레포지토리를 생성하고 *

README 파일 생성에 체크를 해 줍니다.

 

 

이렇게 똑같은 이름으로 레포를 생성하고 README 파일을 생성하면 아래와 같은 파일이 열립니다.

 

 

그럼 이제 복붙을 시작해 볼까요?

 

 

1) 헤더부분

 

 

github.com/kyechan99/capsule-render#wave

kyechan99/capsule-render

 

 

 

여기로 들어가셔서 How to use 의 Markdown 내용을 복사하고 Readme 파일에 붙여넣어

github.com

 

 

 

 

 

 

여기로 들어가셔서 How to use 의 Markdown 내용을 복사하고 Readme 파일에 붙여넣어 주세요.

 

 

 

다양한 타입이 준비되어 있으니, 원하는 타입을 선택하시고 type=여기부분에 원하는 타입을 넣어주시면 됩니다.

 

 

 

 

 

 

저는 이런식으로 넣어줬어요.

 

 

 

 

 

자, 다음은 2) 기술태그 부분인데요

 

dillinger.io/

Online Markdown Editor - Dillinger, the Last Markdown Editor ever.

이 사이트에 들어가시면 markdown 에서 변환되는 모습을 바로바로 확인하실 수 있습니다.

 

 

 

아래의 링크를 복사 붙여넣기 하셔서 확인 해 보세요 :)

 

[](github.com/Joowon0220/TODO-List)

 

 

[](관련된 내 링크)

 

 

이렇게 빨간글씨로 적어드린 부분만 바꿔주시면 됩니다.

 

 

로고는 아래의 사이트에서 확인할 수 있어요!!

simpleicons.org/

Simple Icons

 

원하는 기술을 검색 해 보시면 색과 함께 로고가 나올거예요.

 

 

 

 

 

마지막 3) 오늘 내 깃허브에 몇명이 들어왔나 보여줄 수 있는 hits 태그

 

hits.seeyoufarm.com/

HITS

 

 

 

이 사이트에 들어가셔서 

 

 

 

 

 

 

 

---1) 깃허브 주소 입력하시고

---2) 태그 컬러 바꿔주시고 (선택사항) 

---3) 마크다운 부분 복사하셔서 Readme 파일에 붙여넣어주세요~~~

 

 

 

그러면 완성~~~~~~~~

 

 

 

github.com/Joowon0220/Joowon0220#readme

Joowon0220/Joowon0220

 

 

 

모두모두 매력적인 깃허브 완성하셔서

준비하시는 모든 일에 좋은 결과 있기를 바랍니다 🙋‍♀️

 

 

코드그림이었습니다~~

 

(댓글로 궁금하신 것들 물어보시면 시간나는대로 바로 답해드려요 :))