GitHub 구성 파일에 대한 놀라운 자술 파일 만들기

만약 다른 사람의 GitHub 파일을 자주 방문한다면, 최근에 일부 사람들의 파일에 특이한 그림, 묘사, 통계 정보가 있다는 것을 알게 될 것이다.이것은 새로운 GitHub 프로필 READMEs입니다. 이것은 숨겨진 새로운 기능입니다. 본고에서 저는 어떻게 하나를 만드는지, 그리고 멋진 기교와 도구를 사용해서 그것을 돋보이게 하는지 보여 드리겠습니다!

어떻게 자신의


GitHub 프로필 README을 만드는 것은 매우 간단하지만 직접 찾을 수 없습니다.그것을 만들려면 일반 저장소를 만들 때와 같은 https://github.com/new으로 이동하십시오.사용자 이름으로 저장소를 명명합니다. 제 예에서 MartinHeinz/MartinHeinz입니다.입력하면 이 비밀/특수 저장소에 대한 정보가 표시됩니다.

이것이 바로 당신이 이곳에서 해야 할 모든 일입니다. 하지만 개인 자료에 불완전한 내용이 표시되지 않도록 README을 처리할 때 저장소를private로 설정하는 것을 권장합니다.
또한 개인 정보에 표시되려면 해당 저장소를 초기화하려면 해당 파일에서 [저장소 초기화]를 선택할 수 있습니다.즉, 코드, GIF, 그림 등 다른 파일을 포함할 수 있다...

그것 을 돋보이게 하다


우리는 README의 저장소를 가지고 있지만, 내용은?너는 단지 너 자신에 관한 정보, 너의 전자 우편 연락처를 입력하기만 하면 된다. 오늘은 여기까지지만, 우리는 더욱 잘 할 수 있다.
나는 그것을 더욱 개성화시키기 위해 예쁜 제목을 추가할 것을 건의한다.너는 너의 이름이나 직명을 쓸 수 있고, 내용은 네가 결정한다.다음과 같은 매우 훌륭하고 창의적인 제목 예가 있습니다.
  • https://github.com/WaylonWalker/WaylonWalker
  • https://github.com/stephenajulu/stephenajulu
  • https://github.com/jh3y/jh3y
  • README에 추가하려면 어떻게 해야 합니까?우선 제목 그림을 저장소에 추가해서 공개적으로 관리할 수 있도록 합니다.다음은 README.md의 맨 위에 다음 줄을 포함합니다.
    [![Header](https://raw.githubusercontent.com/MartinHeinz/<OWNER>/<OWNER>/readme_header.png "Header")](https://some-url.dev/)
    
    이것은 단지 그림이 박힌 기본적인 가격 인하일 뿐이다.여기에는 개인 웹 사이트에 사진을 링크할 수 있는 URL도 포함되어 있습니다.

    GIF 및 이모티콘


    또 다른 재미있는 방법은 각종 선물이나 이모티콘을 추가하는 것이다.저는 개인적으로 각 제목의 첫머리에 이모티콘을 추가하는 것을 좋아합니다. 예를 들면:

    나는 관련 표정을 얻는 가장 간단한 방법은 https://emojipedia.org/emoji/에서 표정 이름을 검색한 다음에 https://www.fileformat.info/index.htm에서 HTML 실체를 찾는 것이다.이러한 HTML 실체는 가격 인하에 포함될 수 있으며, 브라우저가 잘 보일 것입니다.
    만약 이모티콘이 당신에게 부족하고 README에서 좀 이동하고 싶다면 GIF를 추가할 수도 있습니다.GIF를 추가할 때 실제 README 파일이 필요합니다. 이 파일은 저장소(예를 들어 제목 그림)에 있거나 외부 사이트(예를 들어 https://imgur.com/)에 있습니다.어디에 있든지 다음 방법을 사용하여 포함합니다.
    <img src="https://raw.githubusercontent.com/<OWNER>/<OWNER>/master/<GIF_NAME>.gif" width="30px">
    
    GitHub markdown에서는 HTML 태그를 사용할 수 있으며 .gif이 그 중 하나입니다.이렇게 하면 내 <img>에 이러한 이미지와 GIF를 쉽게 추가할 수 있습니다.
    # Hello, folks! <img src="https://raw.githubusercontent.com/MartinHeinz/MartinHeinz/master/wave.gif" width="30px">
    

    당신의 환매를 보여 줍니다


    Everyones GitHub 프로필은 실제로 일부 저장소를 보여주고 활동/공헌을 돋보이게 하는 곳입니다.GitHub 프로필 README을 사용하면 github-readme-stats을 사용하여 이러한 내용을 강조 표시할 수 있습니다.GitHub 자체 통계 정보는 사용자의 공헌과 저장소에 GitHub 통계 정보를 생성하고 README에 추가할 수 있는 도구입니다.사용 가능한 모든 통계 카드를 사용하기로 결정하면 다음과 같은 결과를 얻을 수 있습니다.

    모든 카드에는 테마, 아이콘, 표시 언어를 포함한 다양한 맞춤형 옵션이 있습니다.이러한 카드 중 하나를 생성하려면 다음 모드를 사용할 수 있습니다.
    <img align="center" src="https://github-readme-stats.vercel.app/api/<CARD_TYPE>/?username=<USERNAME>&theme=<THEME_NAME>" />
    
    그 중에서 READMECARD_TYPE으로 최고급 언어 목록을 나타낼 수도 있고 top-langs으로 고정 저장소를 나타낼 수도 있다.비어 있으면 기본적으로 GitHub 사용자 통계가 집계됩니다.더 많은 맞춤형 옵션을 보려면 github-readme-stats repository의 문서를 참조하거나 here에서 영감을 얻을 수 있습니다. 카드 스타일을 pin의 나머지 부분과 거의 일치시키기 위해 사용할 수 있는 모든 옵션을 사용했기 때문입니다.

    너의 기술을 돋보이게 해라


    사람들의 파일에 자주 등장하는 또 다른 일은 그들이 즐겨 사용하는 기술과 기술 목록이다.이를 잘 가시화하기 위해 shields.io개의 휘장을 사용할 수 있다.그것들은 매우 많은 양식이 있지만, 내가 가장 좋아하는 양식은 다음과 같다.

    이 배지를 만들려면 다음 모델에 가격 인하선을 포함해야 합니다.
    ![](https://img.shields.io/badge/<WORD_ON_LEFT>-<WORD_ON_RIGHT>-informational?style=flat&logo=<LOGO_NAME>&logoColor=white&color=2bbc8a)
    
    만약 당신이 이런 스타일을 좋아하지 않는다면, 당신은 shields.io과 같은 색깔, 격식과 스타일을 마음대로 선택할 수 있습니다.만약 당신이 나처럼 휘장의 아이콘을 좋아한다면, simpleicons.org은 여기에서 사용할 수 있는 아이콘을 많이 열거했기 때문에 매우 편리하다는 것을 발견할 수 있을 것이다.이 휘장들을 직접 사용할 수 없다면, 다운로드하여 README에 인코딩해서 수동으로 추가할 수 있습니다.그리고 가격을 내리면 다음과 같다.
    ![](https://img.shields.io/badge/<WORD_ON_LEFT>-<WORD_ON_RIGHT>-informational?style=flat&logo=data:image/svg%2bxml;base64,<BASE64_DATA>)
    

    소셜 미디어 포함


    전자메일, 트위터 손잡이, 링크드 인, 다른 소셜 미디어 등 개인 정보에 어떤 연락처를 포함해야 한다.어떤 것을 포함하든지 아이콘 링크를 사용해서 사람들이 찾거나 주의할 수 있도록 할 수 있습니다.
    텍스트에 이러한 내용을 포함하려면 다음 태그를 사용합니다.
    <!-- 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/
    
    렌더링할 때 위의 태그는 다음과 같이 표시됩니다.

    결론


    Make it concise, be creative and original, but most importantly make it your own.


    이 문서는 GitHub 프로필 base64을 만드는 데 충분한 영감을 줄 수 있기를 바랍니다.이 글을 제외하고는 나의 README의 출처가 매우 유용하다는 것을 발견할 수 있을 것이다. - 너는 https://github.com/MartinHeinz/MartinHeinz에서 볼 수 있다.만약 당신이 더 많은 예를 가지고 시작해야 한다면, 나는 당신이 awesome-github-profile-readme의 일부 README을 읽는 것을 건의합니다.

    좋은 웹페이지 즐겨찾기