개인 공부 (23.07~

깃허브 꾸미기 (리드미 소개, I'm a night, Git stats)

Song쏭 2023. 12. 4. 17:20

아무것도 없었던 깃허브에 심플하게나마 꾸며보았다.

꾸미니 더 관리하고 싶은 마음이 생긴다. (관리 = 개발 공부 ㅎㅎ)

 

큰 욕심 없이 1, 2, 3가지를 하고싶었다.

1. 프로필 하단에 한국에 산다. 이메일 주소, 블로그 주소를 넣고싶었다.

2. 상단에 Hi there, 문구로 시작하는 소개글을 넣고싶었다.

3. 커밋하는 시간대와 내가 커밋을 몇번했고 pr은 몇번했는지 등등을 볼 수 있는 I'm a night와 Git Stats 를 넣고싶었다.

 

1. 프로필 하단에 한국에 산다. 이메일 주소, 블로그 주소를 넣고싶었다.

1번에 대한 것은 간단했다. Edit profile 눌러서 들어가면 되니까!

근데 메일 주소를 넣고싶은데 아무리봐도 메일주소 아이콘이 보이질 않았다.

그래서 검색해보니, 추가로 대표적으로 보일 메일 주소를 추가할 수가 있었다. 

 

깃허브 사용법 - 이메일 공개 설정

깃허브 사용법 중 이메일 공개 설정을 해보겠습니다. 1. 깃허브 세팅 https://github.com/ GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together. Contribute to the open

ssimplay.tistory.com

 

 

2. 상단에 Hi there, 문구로 시작하는 소개글을 넣고싶었다.

어떻게 생성하는지도 몰랐는데 생각보다 간단했다. 내 아이디랑 똑같은 이름으로 레파지토리를 만들면 리드미가 생기는 것!!!

**Song0-0/Song00** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

신기하다...

이렇게해서 만들고 수정을 했다.

최대한 심플하게 만들고 싶어서 소개문과 기술배지를 만들어 넣었다. 방문자수와 블로그 배너도 넣어보았다.

 

깃허브 프로필 꾸미기!

깃허브에 들어갈 때마다 허전한 내 프로필..

80000coding.oopy.io

 

 

배지 만든는 것은 아래 블로그를 참조했다. 

배지 정렬은 div써서 가운데정렬을 하면되었다. 

 

Github README 기술 스택 이쁜 Badge로 만드는 방법 (shields.io)

Github에서 잘 꾸민 README.md를 보면 아래와 같은 기술스택 Badge를 본 적이 있을 것입니다. 이와 같은 Badge는 조금 더 Github를 있어 보이게 합니다. 또한 여러 기술 스택을 표시할 때 아래와 같이 다채

rich-hm.tistory.com

 

3. 커밋하는 시간대와 내가 커밋을 몇번했고 pr은 몇번했는지 등등을 볼 수 있는 I'm a night와 Git Stats 를 넣고싶었다.

아래의 블로그들을 참조하여 productive-box와 github-stats-box를 만들었다.

 

[Github] 깃허브 꾸미기: productive-box 추가하기

깃허브를 꾸미기 위해 내가 어느 시간대에 커밋을 많이 했는지 보여주는 productive-box를 추가해보고자 한다 ❗gist 생성 ❗Fork하기 아래의 링크를 fork해서 내 리포지토리를 생성한다 https://github.com/

radiant515.tistory.com

 

Github Profile 꾸미기

개발요정 김소연 블로그 🧚‍♀️

blog.cowkite.com

 

+ 아래의 블로그를 통해서 방문자수와 블로그 배너를 만들었다.

 

[Git] Github Profile 깃허브 꾸미기 줄여서 깃꾸 ㅋㅋ

아령하데용 ~ 오늘 미루고 미루던 깃허브 프로필을 꾸며봤습니다. 코드 몇줄 복사해서 붙여넣기만 하면 되는데 뭐가 그렇게 귀찮았던지 ,,, ㅎㅎ 꾸미기 처음 시작한 날에 방문자 수 보는 뱃지만

min-0.tistory.com

 

+ 마크다운 이모지 정리 블로그

 

🏷️ 마크다운 emoji 이모티콘 사용하는 방법

마크다운 Emoji 이모티콘 마크다운을 이용해 이모티콘을 표현가능 하다. 깃허브도 문제없이 적용가능 하다. 마크다운 문법에 : : 사이에 이모티콘명을 넣으면 자동으로 인식된다. :rocket: GitHub suppo

inpa.tistory.com

 

+ 쉽게 리드미를 작성할 수 있도록 미리보기로 확인할 수 있는 사이트 덕분에 이 모든 작업을 해낼 수 있었다!!!

 

EASYME.md | 리드미, 마크다운 작성 사이트

EASYME.md(이지미)는 README(리드미) 작성, Markdown 문법이 익숙하지 않은 사람들을 위해 만든 사이트입니다.

www.easy-me.com

 

 

설명을 잘하는 블로거분들이 많고, 좋은 사이트도 많아서

꾸미는 데 머리 싸매고 고민할 필요는 없는 것 같다.

그래도 처음 꾸미는 거라 좀 어렵기도 했지만 재밌었다!