전공/gitHub

Github profile 꾸미기 (README 사용)

import ysy 2022. 1. 1. 21:32

github는 이제 단순한 저장소라기 보다는 포트폴리오의 의미도 갖는다.

나의 페이지의 첫인상은 profile이 모두 결정한다.

내 작업물을 한 눈에 보여주고 나를 매력적으로 소개하며 이목을 끌 수 있는 profile을 만들어보자.

 

 

아래는 참고한 GitHub에서 소개하는 profile관리 방법 링크다. 

 

Managing your profile README - GitHub Docs

About your profile README You can share information about yourself with the community on GitHub.com by creating a profile README. GitHub shows your profile README at the top of your profile page. You decide what information to include in your profile READM

docs.github.com

 

 

1. 내 계정과 같은 이름의 Repository 생성

내 계정이름과 같은 이름의 Repository를 생성하면 아래 그림처럼 고양이가 나온다.

이스터 에그라는 점이 너무 귀엽다.

(´▽`ʃ♡ƪ)

SO CUTE cat

그리고 아래 그림처럼 설정해준다. 

Public은 물론이고 README file을 추가하는 것을 잊으면 안된다.

초록색 Create repository 버튼 클릭하면 생성완료.

 

2. markdown으로 README.md 수정

생성된 README.md를 수정한다.

이 때 markdown언어로 작성하는데 github 에서 이를 미리 볼 수 없기 때문에 굉장히 불편하다.

 

그래서 아래 페이지를 이용하는 것을 추천한다.

markdown 미리보기를 제공하는 사이트다.

 

Online Markdown Editor - Dillinger, the Last Markdown Editor ever.

Make something great today!

dillinger.io

사이트에 접속해서 아래 사진처럼 좌측에서 markdown언어를,

우측에서 달라지는 결과를 바로바로 확인하면서 작업할 수 있다. 

 

위의 사진에서 파도처럼 도형을 넣고 싶으면 아래 사이트로 이동하여 README를 죽 읽으며 따라가면 된다.

복사하여 갖다 쓰면 돼서 정말 편하다. 

 

GitHub - kyechan99/capsule-render: Dynamic Coloful Image Render

:rainbow: Dynamic Coloful Image Render. Contribute to kyechan99/capsule-render development by creating an account on GitHub.

github.com

 

 

또 사진에서 A+로 표시된 부분은 stats다. 

아래 코드블럭의 코드로 추가했는데 ysy2000부분은 내 github아이디니 사용하려면 적당히 바꿔서 적고,

theme= 뒤에는 원하는 테마명을 넣어주면 된다.

![ysy2000's GitHub stats](https://github-readme-stats.vercel.app/api?username=ysy2000&show_icons=true&theme=vue)

테마는 아래 사이트에서 구경하고 바꿔주면 된다.

 

GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes

:zap: Dynamically generated stats for your github readmes - GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes

github.com

 

 

마지막으로 내 티스토리 링크를 추가 하고 싶었는데 이는 뱃지를 추가하여 해결했다.

뱃지.

아래 코드 블럭에서 ysy2000은 내 티스토리 아이디라 주소에 넣어주었고

logo= 뒤에는 뱃지에 표시되는 이름을 넣어주면 된다. 

<a href="https://ysy2000.tistory.com/">
    <img 
        src="http://img.shields.io/badge/-Tistory-222222?style=flat&logo=Tistory&link=https://ysy2000.tistory.com/"
        style="height : auto; margin-left : 10px; margin-right : 10px;"/>
</a>

 

이렇게 오늘은 허허벌판 기본 스킨이었던 나의 github페이지를

관리한 티 팍팍 나게 꾸며보았다.

이 외에도 edit profile을 클릭하여 이것저것 등록했는데 정말 만족스럽다.

아직은 조금 허전하지만 여러 멋진 user들을 참고하여 앞으로 더 멋지게 꾸미고 싶다.

 

독자들도 멋진 github 페이지 가질 수 있길!

반응형