Github Readme에 당신의 스타일을 보여주세요!
4456 단어 markdowngithubcodenewbie
여러분 안녕하세요!
이 블로그를 발견했다면 GitHub 리포지토리를 업데이트하고 자신의 멋짐을 더 많이 추가하라는 신호일 수 있습니다!
내가 최근에 발견한 사실은 마크다운 파일의 많은 것을 사용하여 리포지토리의 스타일을 지정하고 Github의 랜딩 페이지처럼 표시할 수 있다는 것입니다! 나는 내가 소유한 것을 개인화하는 것을 좋아하며 이것은 귀하의 저장소에 어떤 성격을 보여줄 수 있는 좋은 방법입니다!
자 이제 제가 만든 요소를 보여드리겠습니다! (Github에서 실시간으로 확인하세요! Click here )
먼저..
저장소 만들기
아이콘 및 통계 추가
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 프로필에 자신만의 스타일을 추가하고 마크다운을 개선하는 방법을 찾는 데 도움이 되었기를 바랍니다.
건배!
Reference
이 문제에 관하여(Github Readme에 당신의 스타일을 보여주세요!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/tolentinoel/show-your-style-on-your-github-readme-2129텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)