GiitHubProfile의 페이지를 최대한 빛나게 하는 방법

GiitHubProfile 페이지란?

GiitHub의 프로필 페이지를 자유롭게 사용자 정의할 수 있다는 것을 아십니까?
https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/about-your-profile
↓↓↓ 이런거였어↓

멋있어요?엔지니어가 맞춤 제작해서 공개한 것 같은데, 아마 한 번 봤을 거예요.이런 유행을 따라가지 못하도록 좀 밝게 해보고 싶지 않니??
예를 들면게임을 공개하고 계신 분.,지금 듣고 계시는 음악 알려주시는 분.,나열 애니메이션 좋아하시는 분. 등등 가능한 한 엔지니어 정보를 제공하는 방법을 소개하고 싶습니다.

내 GiitHubProfile 말리기

여기에 제 프로필이 있으니 제가 먼저 햇볕에 쬐겠습니다.

전체를 깎아내려 보면 이런 느낌이에요.

그림과 도표가 비교적 많아서 엔지니어인 것 같아!(실제 실력은 아직 없다)
중복된 메시지도 있지만 반짝반짝 빛나기 위해서라면 어쩔 수 없다.

방법

1. 사용자 이름의 창고를 만들고 GiitHub 프로필에 표시

공식적인 방법이 있으니 저쪽을 참조하여 제작하세요.솔직히 클릭만 했어.
https://docs.github.com/ja/github/setting-up-and-managing-your-github-profile/managing-your-profile-readme

2. 배지 섹션 만들기

내용

소개 페이지의 열람 계수기 수

트위터 계정 팔로워 수

GiitHub의 계정 팔로워 수

레딧의 마그마

Stackoverflow의 실제 성적

Qita의 구성
네.

이곳의 대부분 휘장은 shields.io의https://shields.io/category/social에서 만든 것이다.
이외에 사용한 것은 약서의 열람 수https://github.com/antonkomarev/github-profile-views-counter, Qita의 열람 수https://qiita.com/mikkame/items/f2c60d9caf8a8e38ec50였다.
내 README.md↓ 부분의 아이디 부분만 바꾸면 될 것 같아.

<p align="left"> 
  <a href="https://github.com/yutkat/yutkat/">
    <img src="https://komarev.com/ghpvc/?username=yutkat" alt="yutkat" />
  </a>
  <a href="http://twitter.com/yutkat">
    <img height="20" src="https://img.shields.io/twitter/follow/yutkat?label=Twitter&logo=twitter&style=flat" />
  </a>
  <a href="https://github.com/yutkat">
    <img height="20" src="https://img.shields.io/github/followers/yutkat?label=follow&logo=github&style=flat" />
  </a>
  <a href="https://www.reddit.com/user/yutkat">
    <img height="20" src="https://img.shields.io/reddit/user-karma/combined/yutkat?label=Reddit&logo=reddit&style=flat" />
  </a>
  <a href="https://stackoverflow.com/users/5720201/yutkat">
    <img height="20" src="https://img.shields.io/stackexchange/stackoverflow/r/5720201?label=StackOverflow&logo=stack-overflow&style=flat" />
  </a>
  <a href="http://qiita.com/yutkat">
    <img height="20" src="https://qiita-badge.apiapi.app/s/yutkat/posts.svg" />
  </a>
  <//qiita.com/yutkat">
    <img height="20" src="https://qiita-badge.apiapi.app/s/yutkat/contributions.svg" />
  </a>
</p>

3. 위의 도표 부분을 만든다

여기에 세 개의 서비스를 사용하여 활동 실적을 나타낸다.

GitHubReadmeStats

아마 기릿허브 프로필에서 가장 흔한 개인 기릿허브의 활동 이력에 따라 순위를 작성한 것으로 보인다.

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

완전히 쓸데없는 말이라면 이 레벨은 유유백서의 요괴 레벨과 같은 정의라고 생각합니다. S급 요괴(레벨)의 사람은 파악할 수 없기 때문에 너무 자극적이지 않는 것이 좋습니다.

트로피

ryo-ma 선생님이 하시는 서비스를 이용하고 있습니다.Qita 기사에 간단명료하게 소개됐기 때문에 참고하면 될 것 같아요.

Qiita: https://qiita.com/ryo-ma/items/c6298020098cb631f46e

repository: https://github.com/ryo-ma/github-profile-trophy

github-profile-summary-cards

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

정보적으로는 GiitHub ReadmeStation과 다를 것이 없지만 이쪽은 GiitHub Actions를 사용해야 합니다.중복된 정보가 많기 때문에 반드시 필요한 것은 아니지만provate 내용의 정보를 얻을 수 있는 것이 나의 장점이다.

4. 기술일람표 만들기

GitHub Profile README Generator에서 아이콘 부분만 받았습니다.
이 사이트에서 직접 만들어도 되지만 거칠게 만들어 광택도가 떨어지니 주의해야 한다.

5. 아래의 통계 데이터와 유사한 곳 만들기

wakatime

통계 데이터는 wakatime로 얻어졌기 때문에wakatime에 로그인해야 합니다.저도 이 프로필을 만들 때 웨이카타임을 처음 접했지만 다른 근무시간 시각화 도구에 비해 언어, 창고를 얼마나 많이 접했는지 알고 있어서 기뻤습니다.
※ 작업을 기록하기 위해서는 편집기에 플러그인을 삽입해야 합니다
무료 버전에도 최근 2주간의 데이터가 저장된다.가능하면 유료판을 사용하고 싶은데 월 9달러가 좀 비싸다.)

소개 - Readme-WakaTime(통계 요약)

wakatime에서 몇 시간 동안 작업한 요약을 가져와 이미지화합니다
https://github.com/avinal/Profile-Readme-WakaTime
네.그림은 자신의 창고의 그림 아래에 생성됩니다.
이 도구는 GiitHubAction을 사용합니다.기본적으로 README에 적힌 것만 복제하는 것은 어렵지 않을 것이다.제가 설정한 링크를 참고하세요.https://github.com/yutkat/yutkat/blob/master/.github/workflows/main.yml
원래 많이 쓰여요.
waka-readme
단, 뒤에 있는waka-readme-stats와 삽입된 키워드가 덮어쓰이기 때문에 사용할 수 없습니다.(waka-readme는 괜찮은 waka-readme-stats 방면에서 포크를 하였는데, 직접 같은 키워드로 대체하는 것은 문제가 있다)

waka-readme-stats(통계 정보에 대한 상세한 정보)

제 GiitHubProfile 중 맨 밑에 있는 접는 부분은wakatime 통계의 통계 정보의 상세한 내용을 공개하기 위한 부분입니다.
언제 일하느냐, 무슨 요일에 진전이 있느냐 등 업무 내용이 전라하다.
이 메시지를 보내기 위해서는 이 창고를 사용해야 한다.

https://github.com/anmol098/waka-readme-stats

기본적인 사용 방법은 wakatime에 로그인하여 API 키, GiitHub의 접근 영패를 꺼내 GiitHub Actions로 이동하면 된다.
또한 자신의 프로필에 데이터를 삽입하는 기호로

<!--START_SECTION:waka-->
<!--END_SECTION:waka-->

.
자세한 내용은 README를 참조하십시오.(그렇게 어렵지 않아)

더 빛나고 싶은 너

awesome-github-profile
반짝반짝 빛나는 프로필이 많아요.더 빛나고 싶은 분들은 참고해주세요.

최후

GiitHubProfile은 최근 맞춤형으로 제작할 수 있으며 앞으로도 다양한 서비스, 시도, 트렌드가 나타날 것이다.
반짝반짝 빛나는 건 하룻밤이 아니야!안테나를 펴고 끊임없이 자신을 연마하세요!!