GitHub README.md 업그레이드

목차

Creating Your README.md

Brainstorming

Skill Badges

Social Media & Languages/Frameworks

README.md Generator

Helpful Links

귀하의 프로필 README.md는 이력서 채용 담당자가 귀하의 이력서 다음에 보는 것과 같은 역할을 합니다. 우리는 그것이 우리의 개성을 조금이라도 유지하면서 가능한 한 매혹적이고 표현하기 쉽기를 원합니다.

README.md는 어떻게 생겼습니까? GitHub 통계가 포함되어 있나요? Medium, Dev.to 등의 블로그 게시물이 있습니까(게시하는 경우)? 아이콘으로 깔끔하게 표시되거나 가장 많이 사용되는 것으로 분류된 언어 및 프레임워크가 있습니까? 아니? 나도... 어떻게 하는지 알아봅시다.

시작하다

존재하지 않는 README.md를 정확히 사용자 정의할 수 없습니다. GitHub Docs은 아직 존재하지 않는 경우 생성하는 방법을 완벽하게 설명합니다.

아이디어를 얻을 시간

우리가 아이디어를 얻을 수 있는 아름답게 디자인된(그리고 일부는 복잡한) 파일을 이미 가지고 있는 다른 많은 사람들이 있습니다. 당신의 readme.md는 당신 것입니다. 적절한 콘텐츠를 표시하는 동안 귀하를 약간 반영해야 합니다.

다음은 도움이 될 수 있는 몇 가지 링크입니다.

Awesome GitHub Profile ReadMe

Awesome GitHub Profile README Templates

Creative Profile README

기술 추가

shields.io을 사용하여 맞춤형 배지를 만들 수 있습니다. 다음과 같이 표시됩니다.

![](https://img.shields.io/badge/<WORD_ON_LEFT>-<WORD_ON_RIGHT>-informational?style=flat&logo=<LOGO_NAME>&logoColor=white&color=2bbc8a)

마찬가지로 다음 방법을 사용할 수도 있습니다.

<div id="badges">
  <a href="your-linkedin-URL">
    <img src="https://img.shields.io/badge/LinkedIn-blue?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"/>
  </a>
  <a href="your-youtube-URL">
    <img src="https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white " alt="Youtube Badge"/>
  </a>
  <a href="your-twitter-URL">
    <img src="https://img.shields.io/badge/Twitter-blue?style=for-the-badge&logo=twitter&logoColor=white " alt="Twitter Badge"/>
  </a>
</div>

아이콘 추가

You can find me at [twitter icon] or on [linkedin icon]와 같은 섹션을 추가하려는 경우 다음 코드 버전을 사용할 수 있습니다.

<!-- Actual text -->

You can find me on \[!\[Twitter\][1.2]\][1], or on \[!\[LinkedIn\][3.2]\][3].

<!-- Icons -->

[1.2] : http://i.imgur.com/wWzX9uB.png (twitter icon without padding)
[2.2] : https://raw.githubusercontent.com/MartinHeinz/MartinHeinz/master/linkedin-3-16.png (LinkedIn icon without padding)

<!-- Links to your social media accounts -->

[1] : https://twitter.com/Martin_Heinz_
[2] : https://www.linkedin.com/in/heinz-martin/

언어와 프레임워크를 포함할 때 DevIcons GitHub Repository에는 사용할 수 있는 무료 로고가 있습니다. 이것은 다음과 같이 보일 것입니다:

<div>
  <img src="https://github.com/devicons/devicon/blob/master/icons/java/java-original-wordmark.svg" title="Java" alt="Java" width="40" height="40"/>&nbsp;
  <img src="https://github.com/devicons/devicon/blob/master/icons/react/react-original-wordmark.svg" title="React" alt="React" width="40" height="40"/>&nbsp;
  <img src="https://github.com/devicons/devicon/blob/master/icons/spring/spring-original-wordmark.svg" title="Spring" alt="Spring" width="40" height="40"/>&nbsp;
  .
  .
  .
  <img src="https://github.com/devicons/devicon/blob/master/icons/nodejs/nodejs-original-wordmark.svg" title="NodeJS" alt="NodeJS" width="40" height="40"/>&nbsp;
  <img src="https://github.com/devicons/devicon/blob/master/icons/amazonwebservices/amazonwebservices-plain-wordmark.svg" title="AWS" alt="AWS" width="40" height="40"/>&nbsp;
  <img src="https://github.com/devicons/devicon/blob/master/icons/git/git-original-wordmark.svg" title="Git" **alt="Git" width="40" height="40"/>
</div>

읽어보기 생성기

잠깐... 코드를 직접 작성할 필요가 없나요? 아니.

Rahul Jain의 github-profile-readme-generator을 확인하십시오. 사이트를 사용하기만 하면 필요한 마크다운이 생성됩니다. 원하는 진술을 입력하기만 하면 됩니다. Try for yourself here !

유용한 링크

다음 링크에서 제공하는 아이디어 및 코드:

How to Create an Impressive GitHub Profile README

Build a Stunning README For Your GitHUb Profile

Stand Out by Personalizing Your GitHub Profile