깃허브(Github) 프로필 꾸미기(feat. README.md)

안녕하세요. delay100입니다.

오늘은 Github를 꾸며보려고해요!

아직 제 깃허브는 매우 날 것이기 때문에... Github를 꾸미면서 팁 같은 것들을 정리하는 포스트가 되겠네요 ㅎㅎ.

같이 꾸미러 가봅시다!

꾸미기 전, 날것의 delay100 Github

인터넷에 Github 프로필 꾸미기를 검색하면, ReadMe.md를 사용해서 꾸미는 방법이 많이 나옵니다.

이 포스팅에서도 README.md를 이용해 프로필을 꾸며보겠습니다.

 

---

 

1. ReadMe.md 생성

아무 README를 추가하면 되느냐? 그건 아닙니다.

자신의 Github아이디와 동일하게 레퍼지토리를 생성해줍니다.

또한 README.md 파일 추가에 체크를 해줍니다.

delay-100 계정의 delay-100 레퍼지토리 생성

레퍼지토리 이름에 자신의 계정 아이디를 적으면 special 하다고 반겨줍니다!!

깃허브의 마스코트 고양이도 너무 귀엽네요

위의 사진처럼 설정한 후, Create Respository를 눌러줍니다.

깃허브 아이디와 동일한 레퍼지토리 생성완료

와!

이렇게하면 꾸미기에 한발자국 다가갔다고 보면 됩니다!

다시 깃허브 메인 홈으로 가보시죠!!

ReadMe.md가 추가된 깃허브

방금 생성한 README.md가 가장 상단에 위치하는 것을 볼 수 있어요!

README.md 수정 방법

README.md는 옆의 연필을 눌러서 수정하면 됩니다.

---

2. Github Status

 

Github Status

 

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

위의 코드를 복사해서 delay-100을 자신의 Github id로 바꾸면 됩니당

---

3. Most used languages

 

Most used languages

 

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

위의 코드를 복사해서 delay-100을 자신의 id로 바꾸면 됩니당

 

---

4. Language Badge

예쁜 아이콘 뱃지를 넣어봅시다.

Language Badge

 

https://github.com/danmadeira/simple-icon-badges

GitHub - danmadeira/simple-icon-badges: All free SVG icons from Simple Icons to Shields.io badges.

 

직접 커스텀 하는 방법도 있지만 저는 그냥 복사 붙혀넣기 하는 게 편해서 사이트를 찾아버렸어요ㅎㅎ,,

이 사이트에서 복사-붙혀넣기 하면 됩니다.

---

5. 예시 README.md 

 

실행화면

delay-100 github 꾸미기 실행화면

 

<!-- info -->
### :wave: Welcome!


<!-- TASTEYOM -->
## <a href="http://tasteyom.com"> :meat_on_bone:TASTEYOM </a>
<div align="center">
  
![image](https://user-images.githubusercontent.com/49058580/173588612-70de547b-f053-4a7e-bf63-90a239c7867b.png)
  
</div>

- This is my FIRST PROJECT
- Full Stack developed

------
<!-- Language logo-->
### Main Lanauage
<img src="https://img.shields.io/badge/java-%23007396.svg?&style=for-the-badge&logo=java&logoColor=white" /> <img src="https://img.shields.io/badge/javascript-%23F7DF1E.svg?&style=for-the-badge&logo=javascript&logoColor=black" />

### Develop Engine
<img src="https://img.shields.io/badge/node.js-%23339933.svg?&style=for-the-badge&logo=node.js&logoColor=white" />

### Publish
<img src="https://img.shields.io/badge/amazon%20aws-%23232F3E.svg?&style=for-the-badge&logo=amazon%20aws&logoColor=white" />

<div align="center">
  
<!-- most used language -->
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=delay-100&layout=compact)](https://github.com/delay-100/github-readme-stats) <!-- Github Status --> ![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=delay-100&show_icons=true&theme=dracula)

</div>

 

---

봐주셔서 감사합니다.

다들 예쁘게 Github 꾸미시길 바랄게요!!

 

참고한 블로그

 

1. README.md 생성

https://kimasill.tistory.com/entry/Github-%EA%B9%83%ED%97%88%EB%B8%8C-%ED%94%84%EB%A1%9C%ED%95%84-%EA%BE%B8%EB%AF%B8%EA%B8%B0

[Github] 깃허브 프로필 꾸미기

2. Github status, Most used language.. 등등

https://yoon990.tistory.com/38

[Github] ReadMe 리드미 꾸미기 (및 매우 소소한 팁들)