[Github]깃허브 프로필 꾸미기

메타몽·2023년 8월 18일
post-thumbnail

다른사람들의 깃허브를 훔쳐보다 보면 종종 멋들어지게 프로필을 꾸며놓은 사람들을 발견하곤 한다.
이게 바로 개발자의 간Zㅣ라는것일까...?ㅁ7ㅁ8
이건 못참지
빨리 깃헙 프로필을 꾸며서 이 간지 대열에 합류해보자.


1.ReadMe.md 생성

먼저 깃허브에 접속해 신규 레포지토리를 생성한 후,
레포지토리 이름을 계정과 동일하게 설정해준다.

그러면 바로 하단에 귀여운 고양이가 나와 내게 웃어주며
야 너두 간지나게 깃허브 꾸밀 수 있어 라고 친절하게 안내해준다.ㄱㅇㅇ...

Public 으로 만천하에 공개해주고,
README 파일도 함께 생성해준다.

프로필로 헐레벌떡 가주면 README가 적용되어있는걸 볼 수 있다.
간지있는 깃허브에 한 발짝 가까워 진 것이다.

2.본문 꾸미기

README 옆의 수정 아이콘을 눌러주면 아무것도 없는 허허벌판이 날 반기며 사람 막막하게 만든다.
이거 커밋해가며 하나하나 다 확인해야함..?에반데
라고 생각하는 당신을 위해 친절한 누군가가 서비스를 만들어 놨어요!

Markdown 미리보기
https://dillinger.io/

근데 벨로그에서 작성해서 옮기는 방법도 괜찮은 것 같다🤔
저 사이트는 태그를 인식 못해서 난 그냥 이 글 쓰는 김에 벨로그를 사용해 옮겼다😇


오픈소스

'깃허브 프로필 꾸미기'라고 구글링을 하면, 친절한 사람들이 공유해준 오픈소스들이 굉장히 많다.
그중에서 맘에드는걸 주워와 사용했다.

Readme Typing SVG
https://readme-typing-svg.demolab.com/demo/

텍스트 타이핑 애니메이션을 만들어주는 SVG생성기다.
Typing SVG

Simple Icons
https://simpleicons.org/

<img src="https://img.shields.io/badge/텍스트-색코드?style=for-the-badge&logo=아이콘이름&logoColor=색코드">

<!-- 예시 -->
<img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black">
간단하게 뱃지를 만들 수 있다👍

벨로그 뱃지
https://github.com/eungyeole/velog-readme-stats

뱃지 뿐만 아니라 velog의 특정 글도 보여줄 수 있다.

Velog's GitHub stats

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

깃에서 본인이 어떤 활동을 하는지 알려주는 카드다.
사용방법이 친절히 나와있으니 맘에드는걸 골라 커스텀해서 써보자

나는 이렇게 꾸며봤다!

헤더가 간결해서 그런가..?노간지같은데..??😇
나..중에..보안해야지...흐린눈...

profile
내가보려고만든벨로그

0개의 댓글