블로그 index를 꾸밀 겸 찾아보니 GitHub에서도 메인화면용 Repo를 하나 만들어서 README.md로 설정하면 GitHub 프로필로도 꾸밀 수 있다고 한다.
마크다운 페이지를 잘 꾸며서 index.md랑 README.md 둘 다에 사용해 보려 한다.
세상에 천재들이 많아서 이미 너무 깔끔하고 이쁜 서비스들이 넘쳐나기에 행복하다ㅎㅎ
Hailee 님 블로그를 참고해서 블로그용, 깃허브 용으로 마크다운을 만들어보았다.
헤더 꾸미기: Capsule-Render
SVG 헤더 메이커 서비스다.
선택할 수 있는 디자인 종류도, API로 조정 가능한 요소들이 다양해서 매우 만족스러웠다.
나도 이런 서비스를 만들어보고싶다. 디자인도 편의도 매우 만족스러웠다.
다만 desc로 들어가는 아래쪽 서브 텍스트가 테마 지정이 아닌 이상 색상을 별도로 지정할 수 없고, desc는 Stroke를 조정할 수 없게 되어있어서 조금 아쉬웠다.
그래도 어찌저찌 라이트 모드, 다크모드 둘다 고려해서 색상을 조정했다.
난 API 문서 보면서 조정해서 일일히 지정해서 사용했었는데 찾아보니 쉽게 디자인을 보면서 조정할 수 있는 Generator가 배포된 페이지가 있었다. 눈으로 보면서 조절할 수 있어서 편하다.
- :LiGithub: GitHub Link : capsule-render
- Capsule-Render Generator
컬러 팔레트 선택: Color Hunt
좋아하는 색상으로 대표 색상을 고르더라도 색상을 하나만 사용할 것도 아니고 여러 색상을 사용하자니 어울리는 색상 찾기도 어려움이 많다.
Pinterest에서 Color Palette 이런 키워드로 평소에 색을 주워놓는 방법도 있지만 색상을 잘못 사용하면 총 천연색 레인보우 팔레트의 길로 빠질 수 있으니, 어느정도 테마의 방향성을 잡으려면 색 배합 추천 사이트를 이용하는 것도 좋은 방법이다.
색 배합을 추천하는 서비스는 찾아보면 종류가 많은데 사실 내가 좋아하는 색감의 사진으로 iPad에서 ProCreator를 사용해서 색 팔레트를 뽑아낼 수도 있었지만, 간단하게 심플한 대표색을 찾으려고 웹 서비스를 찾았다.
기능은 심플한데 검색 기능이 좋다. 원하는 대표색으로 여러 색 배합을 보고 참고해보자.
- 사이트 : Color Hunt
Github Stats 카드: Github Readme Stats
난 회사에서도 SVN을 메인으로 사용 중이기 때문에.. 사실상 GitHub Stats상 성적이 좋지는 않다.
오픈소스 기여같은거 많이 하고 사이드 프로젝트 많이 올려서 별을 받았으면 좀더 있어보이겠지만..
이런 스텟 창은 약간 개발자 로망 같은거다. 멋있으니까! 일단 추가한다!
깃허브 아이콘이 포함된 버전으로 표시할 수도 있고, 표시되는 항목들도 조정 가능하다.
제공되는 테마가 많아서 디자인 선택의 폭도 넓다.
이런식으로 사용 언어들의 비율도 확인할 수 있다.
내 경우에는 하도 이것저것 블로그 배포를 깃허브 통해서 하니까 HTML, 루비, 타입스크립트 이런 비중이 올라가는걸 보면 정확도가 높지는 않은 것 같다.
- :LiGithub: GitHub Link : Github Readme Stats
아이콘 Badges: Awesome Badges
각종 아이콘들이 제공되고 있어서 이미지 태그로 가져와 사용할 수 있다.
일반적인 아이콘 뿐만 아니라 개발자들이 쓰기 좋은 서비스 아이콘들이 균일한 규격으로 제공되기 때문에, 기술스택이나 프로필에서 유용하게 쓸 수 있어서 좋다.
물론 프로필이 총 천연색 레인보우로 물들긴하지만.. 아이콘 하나하나 구해서 규격을 맞추고 페이지에 첨부로 붙이는 것 보다는 품이 덜 들어가는 작업인듯 하다.
아래 코드와 같이 태그를 붙이면 배지를 사용할 수 있다.
<a href="" target="_blank"><img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white"/></a>href에 url설정해서 링크를 거는 방식으로도 사용한다.
- :LiGithub: GitHub Link : Awesome Badges
깃허브 메인에 적용하는 법
깃허브 프로필에 작성한 README 페이지가 메인으로 뜨게 하려면
우선 내 계정에서 Public하게, 내 계정 이름과 동일하게 Repository를 생성해야한다.
ex) c10f18 계정이면 Repo 이름도 c10f18으로 작성
다른 Repo 생성 시와 다르게 스페셜 레포지토리라는 안내 멘트가 뜬다.
Public으로 선택해야하고, Add a README file 을 체크하고 Repo를 만들어 주자.
그리고 작성한 마크다운 내용을 README.md를 수정해서 붙여넣어준다.
그리고 커밋하면 요로코롬 이쁜 메인화면이 만들어진다.
