Easy is Perfect

github profile를 꾸미기 위한(뱃지, 링크 등) readme.md 추가하기

  • melonicedlatte
  • Jul 17, 2021


github를 사용하다 보면 profile에 다양한 정보를 기록해놓는 사람들이 많이 있습니다. github의 profile에 readme.md 파일을 이용하여 꾸미는 방법을 알아보겠습니다.

image 자신의 계정 이름과 동일한 Repository 생성

자신의 계정 이름과 동일한 Repository 생성을 먼저 수행해야 합니다. 자신의 계정 이름과 동일한 Repository 를 생성하면 위와 같이 You found a secret! 이라고 나오면서, special rerpository 를 생성한다고 말하고 있습니다. README.md file 생성을 눌러 README.md를 생성해주면 Profile 을 꾸밀 수 있는 README.md 파일이 생성됩니다.

image README.md 기본 내용

생성된 파일을 열면 위와 같은 기본 내용을 가지고 있고, 주석을 제외한 부분을 출력하면 아래와 같이 나옵니다.

image README.md 기본 내용 출력

주석을 제거하고 원하는 로고를 삽입하여 텍스트를 입력하면 아래와 같이 텍스트를 출력해줄 수 있습니다.

image 실제 변경된 프로필

OS에서 제공해주는 이모티콘을 사용해줘도 되고, 원하는 이미지를 삽입해도 됩니다. 하기의 링크를 이용하여 아이콘과 배지를 추가하면 더 가시적으로 보이는 프로필을 꾸밀 수 있습니다.

  • 배지 :: https://shields.io/
  • 아이콘 :: https://simpleicons.org/

image shiled.io 홈페이지

image shiled.io 홈페이지

shiled.io에서는 위와 같이 링크를 통하여 원하는 이미지를 생성할 수 있게 도와줍니다. 라벨을 만들기 위한 예시는 아래와 같습니다. 이러한 응용을 통하여 더 멋진 프로필을 꾸밀 수 있습니다!

<a href="http://melonicedlatte.com/">
    <img src="https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>"
        style="height : auto; margin-left : 8px; margin-right : 8px;"/>
</a>

<!-- Example -->
<a href="http://melonicedlatte.com/">
    <img src="https://img.shields.io/badge/라벨-메시지-red"
        style="height : auto; margin-left : 8px; margin-right : 8px;"/>
</a>




Search