Github Readme에 당신의 스타일을 보여주세요!

여러분 안녕하세요!



이 블로그를 발견했다면 GitHub 리포지토리를 업데이트하고 자신의 멋짐을 더 많이 추가하라는 신호일 수 있습니다!


내가 최근에 발견한 사실은 마크다운 파일의 많은 것을 사용하여 리포지토리의 스타일을 지정하고 Github의 랜딩 페이지처럼 표시할 수 있다는 것입니다! 나는 내가 소유한 것을 개인화하는 것을 좋아하며 이것은 귀하의 저장소에 어떤 성격을 보여줄 수 있는 좋은 방법입니다!

자 이제 제가 만든 요소를 ​​보여드리겠습니다! (Github에서 실시간으로 확인하세요! Click here )

먼저..

저장소 만들기


  • Github 계정으로 이동하여 새 저장소를 생성합니다.
  • 사용자 이름으로 새 저장소의 이름을 지정하십시오. (사용자 이름/사용자 이름과 같이 나옵니다.)
  • 아래 사진과 같이 올바르게 입력했는지 알려주는 메모가 나타납니다! (저 같은 경우는 이미 채굴을 해서 경고를 받았습니다.)


  • 아이콘 및 통계 추가



    Anurag Hazra's Github - 일부 Github 통계를 적용하고 페이지 방문자에게 사용되는 상위 언어를 표시하려는 경우 확실히 좋은 소스입니다. 크기, 색상을 사용자 정의할 수 있으며 각각의 소형 버전도 제공합니다.

    Merko 테마에서 내 상위 언어와 Github 통계를 표시하도록 선택했습니다.
    선택할 수있는 테마가 많이 있습니다! 엿볼 수 있습니다here. 내가 추가한 코드 줄은 다음과 같습니다..

    ![Ellaine's github stats](https://github-readme-stats.vercel.app/api?username=tolentinoel&theme=merko&layout=compact)
    


    다음은 주간 모드의 모습입니다.


    그리고 다크모드..

    이모티콘 및 배지 추가



    Emoji Github - 마크다운에 넣을 수 있는 수많은 이모지에 대한 훌륭한 리소스입니다!

    Badges or Shields - 이 참조를 사용하여 소셜 미디어 및 사용된 상위 언어 또는 기술 스택을 표시할 수 있습니다. 아래의 예시 배지를 참조하세요!


    사진



    나는 최근에 내 Github 저장소에 사진을 첨부하기 전까지 마크다운에 사진을 첨부하지 않았습니다! HTML과 마찬가지로 사진을 첨부하는 코드는 다음과 같습니다.

    <img src='images/Github_banner.png' alt="banner"></img>
    


    결과는 다음과 같습니다.


    배너 자세히 보기


    LinkedIn 배너 템플릿과 함께 Canva!을 사용하여 배너 디자인을 만들었습니다.

    마지막으로, 그리고 아마도 내가 가장 좋아하는..

    GIF 배너



    예!! 나는 실제로 gif를 넣는 것이 효과가 있는지 시도했고 성공했습니다! 이미지처럼 코드에 참고하세요! 또한 Canva를 사용하여 이 gif의 애니메이션을 디자인했습니다.

    코드에서:

    <img src='[relative path]' alt=""></img>
    


    gif를 자세히 보면


    Hnet video to gif - 또한 비디오 클립을 gif로 변환하는 좋은 방법입니다!

    Giphy - gif를 만들거나 직접 만들 수 있는 또 다른 훌륭한 리소스입니다!

    이것이 내가 Github readme 프로필을 업그레이드하는 데 사용한 모든 것입니다! Github 프로필에 자신만의 스타일을 추가하고 마크다운을 개선하는 방법을 찾는 데 도움이 되었기를 바랍니다.

    건배!

    좋은 웹페이지 즐겨찾기