[github] 깃허브 프로필 꾸미기 readme 뱃지

안녕하세요 꼬바리입니다.


github.com/ohbyul

ohbyul - Overview

내 깃허브 사이트다. 방문 부탁드립니다. 팔로워도 없고 아무 관심 없는 내 깃헙.. 열심히 하면 언젠간 늘겠지

 

뭐든 꾸미면 더 보기 좋고 이뻐진다.

내 병들고 관심 밖 이었던 깃허브 프로필을 꾸며 줬다.

 

 

 

readme.md는 마크다운 으로 되어있다.

 

처음엔 가운데 정렬도 헤맸는데

 

<div align=center> </div>

 

로 쉽게 해결 되었다. 저 사이에 마크다운 코드들을 넣으니 코드 링크가 그대로 노출되고 가운데 정렬이 되지않아 애먹었는데 계속 하다 보니 된다;;

 

 

나는 블로그에 잘 설명 되있는것 따라했지만 복잡해서

그대로 복사 붙여넣기로 꾸몄다

 

나중에 기술스택 아이콘 넣을 예정이다.

 

<div align=center><h1>👋 Hi, I’m @ohbyul </h1></div>

<div align=center>

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

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=ohbyul&layout=compact&theme=dracula)](https://github.com/metleeha)

<hr>

[![hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fohbyul&count_bg=%237A7A7A&title_bg=%23FFADCC&icon=reverbnation.svg&icon_color=%23FF0000&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
![followers](https://img.shields.io/github/followers/ohbyul?style=social)


<a href="https://byul91oh.tistory.com/">
    <img 
        src="http://img.shields.io/badge/-Tech%20Blog-655ced?style=flat&logo=github&link=https://byul91oh.tistory.com/"
        style="height : auto; margin-left : 10px; margin-right : 10px;"/>
</a> <a href="https://instagram.com/fivepxint">
    <img 
        src="http://img.shields.io/badge/-Instagram-black?style=flat&logo=Instagram&link=https://instagram.com/fivepxint/"
        style="height : auto; margin-left : 10px; margin-right : 10px;"/>
</a> <a href="mailto:quf8093@gmail.com">
    <img 
        src="https://img.shields.io/badge/Gmail-d14836?style=flat-square&logo=Gmail&logoColor=white&link=mailto:quf8093@gmail.com"
        style="height : auto; margin-left : 10px; margin-right : 10px;"/>
</a>

</div>

 

그대로 복사하면 내 링크가 가기때문에 의미가 없다.

개발자 분들이 사용하실테니,

링크등 유저네임 부분을 본인껄로 변경만 하면 가능

 

깃허브의 상태와 가장 많이 사용한 언어 통계를 출력할수있다.

깃허브의 상태 => ![Anurag's github stats]

가장 많이 사용하는 언어 통계 => [![Top Langs] 

 

 

 

[![hits] => 방문자 수

![followers] => 팔로워 수

 

 

 

아래 a태그로 감싸진 코드들은 블로그/ 인스타 / 구글메일 링크가 실행되는 뱃지 다.

 

그대로 복사후 유저네임과 이메일등 본인껄로 변경후 사용 사능하다.

개발자라면 쉽게 파악가능하다.