Github 프로필 (README) 을 꾸며보았다.

* 아래 내용은 새로운 오픈소스를 발견할 때마다 추가됩니다.

 

---

 

 

구글에 '깃허브 프로필'을 검색하면, 프로필을 예쁘게 꾸밀 수 있는 팁과

유용한 오픈소스들을 많이 발견할 수 있다.

 

대표적인 예시로 다음의 것들이 있다.

(아래에 예시는 해당 프로젝트의 default 코드를 가지고 옴!)

 

 

1. capsule-render

- README 상단을 장식할 수 있는 SVG 이미지 생성기

- https://github.com/kyechan99/capsule-render

 

 

 

2. github-readme-stats

- 깃허브 스탯, 주 사용 언어 등을 표시할 수 있는 카드 생성기

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

 

 

 

 

3. mazassumnida

- BOJ 티어를 예쁘게 보여주는 카드 생성기

- https://github.com/mazassumnida/mazassumnida

 

 

등등!

 

 

여기에 더해, 추가적으로 사용할 수 있는 오픈소스를 더 공유해보고자 한다.

 

 

---

 

 

4. readme-typing-svg

- README 상단을 장식할 수 있는, 텍스트를 타이핑하는 형식의 SVG 이미지 생성기

- https://github.com/DenverCoder1/readme-typing-svg

 

 

 

5. github-readme-streak-stats

- 깃헙 총 contribution과, 연속으로 기여한 날짜를 계산해 표시해주는 카드 생성기

- https://github.com/DenverCoder1/github-readme-streak-stats

- 잔디를 그만큼 열심히 심으셨다는거지...

 

 

 

6. github-readme-activity-graph

- 우리가 지금까지 봤던 잔디가 히트맵이라면, 이건 최근 한달간의 contribution을 line graph로 시각화 해준다.

- https://github.com/Ashutosh00710/github-readme-activity-graph

- 잔디를 그만큼 열심히 심으셨다는거지...222

 

 

 

7. github-profile-summary-cards

- github-readme-stats와 비슷하지만, 더 심플한 디자인 + 다양한 지표의 카드를 만들 수 있다.

- 아쉬운 점은 github-readme-stats 보다 테마가 적고, 커스텀이 어렵다는 점!

- https://github.com/vn7n24fzkq/github-profile-summary-cards

 

 

 

8. github-stats

- anuraghazra/github-readme-stats와 유사하지만, github-readme-stats에 나타난 정보 외에 더 많은 정보를 담을 수 있다.

- 서버가 없기 때문에 fork - github action을 적용해야 한다.

- 그치만 적용해두고 리드미에 링크를 걸면 1일 1회 알아서 갱신됨

- https://github.com/jstrieb/github-stats

 

 

 

9. github-stats-transparent ⭐⭐⭐

- github-stats와 거의 동일하지만 배경이 투명하다.

- 배경이 투명하다는 것은 밝은 모드 / 야간 모드 상관 없이 사용할 수 있다는 것! 이는 엄청난 강점이다.

  👉 블로그 오른쪽 하단의 달🌙 모양 버튼을 클릭해보기

 

- html, css를 조금 알면 커스텀도 할 수 있다.

- 다만 github-stats와 마찬가지로 fork - github action을 적용해야 한다.

 

- 사용 방법은 README에 자세히 나와있으니 차근차근 따라하면 된다.
- https://github.com/rahul-jha98/github-stats-transparent

 

 

 

 

---

 

📜 리드미 수정일지

 

2021-08-08

나는 이 중 마음에 드는 몇 가지를 골라서, 색깔을 원하는 대로 커스텀 한 뒤

다음과 같이 내 리드미를 꾸며보았다.

 

 

 

상단 헤더는 capsule-render나 readme-typing-svg를 사용하지 않고,

내 tmi를 가득 담은 gif 이미지를 만들어 넣었다.

 

 

 

 

2021-08-21

모니터 앞에 오래 앉아있다보니, 다크모드의 필요성을 느꼈다.

다크모드와 어우러지는 디자인을 고민해봄.

 

점점 대시보드가 되어간다.

 

내가 꼭 보여주고 싶은 부분만 남기고 더 심플하게 바꿔도 좋을 것 같다.

 

 

 

2021-12-09

github-stats-transparent를 커스텀해서 윗부분에 넣어보았다.
언어 분포가 조금 예뻐져서 바꿔봄.

 

2021-12-25

색깔을 조금 바꿨다. 2022년 팬톤 올해의 컬러, 베리페리 계열로 바꿔주었다.

바꾸고 보니 프로필 사진 배경 색이랑 더 잘맞음.

 

 

 

 

앞으로도 종종 가꾸어 나갈 예정!

 

https://github.com/devpla

devpla - Overview