#1 README 만들기
블로그의 프로필 화면처럼 GitHub에서도 프로필 화면을 만들고 꾸밀 수 있는데,
이 프로필 화면은 README 파일을 편집하여 만들 수 있습니다.
README 파일을 생성하기 위해선 특별한(?) 이름의 저장소(Repository)를 생성해야 합니다.
저장소를 만들 때 다음과 같은 순서로 생성해 주세요.
1) 저장소(Repository) 만들기
(1) Create a new repository화면에서 Repository의 이름을 자신의 계정명과 동일하게 생성해 줍니다.
(2) Add a README file을 체크해 줍니다.
2) 프로필 수정하기 위해선...
수정 버튼을 눌러보면 코드 입력창이 나타나는데 이곳은 마크다운 언어로 작성해야 합니다.
마크다운의 사용 방법은 기본적인 마크다운 작성 방법에서 확인 할 수 있습니다
#2 프로필 꾸미기에 도움이 되는 사이트
1) 온라인 마크다운 에디터
위에서 언급한 마크다운을 온라인에서 작성하면서 바로 확인할 수 있는 사이트 2곳입니다.
샘플 텍스트가 이미 작성되어 있기 때문에 언어를 전혀 몰라도 해당 부분을 복사해와서 글만 바꿔도 될 정도로 간단하게 되어있습니다.
https://dillinger.io/ <-- 여길 조금 더 추천
2) 프로필 헤더와 푸터 꾸미기
Capsule render : https://github.com/kyechan99/capsule-render#fontaligny
사용방법
How to Use에 매우 편리하게 나와있지만 좀 더 편하게 사용하기 위해 요약하자면...
wave : 스타일 이름 지정
capsule%20render: &text= 다음엔 제목으로 사용할 텍스트를 입력한다 (&desc= 소제목)
그 외 fontAlign으로 제목의 좌표 조절, DescAlign으로 소제목의 좌표를 조절한다 (나머지는 How to Use 참고)
3) 스킬 배지
배지를 생성하는 툴은 https://shields.io/ 에서 확인할 수 있는데 다음과 같은 스타일을 선택할 수 있습니다.
이 사이트에서 중간쯤을 확인해보면 다음과 같은 형태로 배지를 쉽게 만들어주며 스타일도 추가할 수 있는 옵션을 확인할 수 있습니다.
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>
배지의 앞쪽에 아이콘은 https://simpleicons.org/ 이곳에서 확인할 수 있으며, 최종적으로 2가지를 합쳐서 적용하는 방법은 다음과 같습니다.
[](https://github.com/Bi-Cute)
HTML5: 태그의 이름 설정
HTML5: 텍스트를 작성한다 중간에 공백은 언더바(_)를 이용해 사용한다
E34F26: 배경 색상을 지정
flat-square: 스타일 지정 (다 같은 스타일로 지정하는 것이 통일감 있고 이쁘다)
HTML5: 로고의 이름 (이름에 공백이 있을 경우 하이픈-을 사용) 예) Visual-Studio-Code
white: 로고의 색상 지정 #ffffff 같은 형식으로 적되, #은 제외하고 작성
(https://github.com/Bi-Cute): 해당 아이콘 클릭 시 연결될 링크 주소
그래도 영 모르겠다... 싶으면 다음과 아래 주소로 들어가 만들어진 배지를 그대로 가져다 쓰는 방법도 있다.
https://github.com/Ileriayo/markdown-badges
4) 깃허브 사용량 통계
깃허브 통계 / 언어별 통계 등 다양한 테마도 지원하고 있습니다.
무엇보다 가장 마음에 드는 것은 한글로 설명이 되어있다는 점!
https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_kr.md
특별히 조작할 것도 없이 원하는 스타일과 레이아웃을 가져온 후 다음과 같이 username 부분을 자신의 계정으로 변경해주면 됩니다.
그 외에도 다양한 꾸밀거리가 많았지만,
텅텅 비어있는 나의 깃허브에는 적용하면 오히려 역효과만 생길 테니 이 정도로 마무리하고 다음 기회가 생기면 추가로 작성하는 걸로...