[Github] 프로필 생성 및 꾸미기

1. 자신 닉네임의 Repository 생성하기 

해당 레포지토리의 README를 이용해 프로필을 생성한다.

 

 

 

---

배지 (badge)

 

https://simpleicons.org/

Simple Icons

 

링크 이동을 할 수 있는 배지를 생성한다.

<a href="링크/"><img src="https://img.shields.io/badge/표기할이름-색상?style=스타일=아이콘&logoColor=로고색상"/></a>

 

예를 들어 Tistory 배지를 만들어 본다.

 

 

<a href="링크/"><img src=" https://img.shields.io/badge/표기할이름-색상?style=스타일&logo=아이콘&logoColor=로고색상 "/</a>

 

• 표기할이름: 내가 표기하고자 하는 아이콘 이름 - BLOG
• 색상: 복사한 색상 - 000000 (# 빼고 작성)
• 아이콘: 아이콘 이름 - Tistory
• 로고 색상: 화면에 표시될 로고 및 아이콘 색상 - white

 

예시

Tistory

<a href="https://this-circle-jeong.tistory.com/"><img src="https://img.shields.io/badge/BLOG-000000?style=flat-square&logo=Tistory&logoColor=white"/></a>

 

Mail 

<a href="mailto:monosnsv@gmail.com"><img src="https://img.shields.io/badge/MAIL-EA4335?style=flat-square&logo=Gmail&logoColor=white"/></a>

 

---

2. Github stats

 

https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_kr.md

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

 

[![닉네임's GitHub stats](https://github-readme-stats.vercel.app/api?username=닉네임)](https://github.com/닉네임/github-readme-stats)

닉네임: 깃허브 사용자 명(닉네임)

 

 

추가로 내장 테마 적용이 가능하다.

https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md

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

 

---

3. 자주 사용한 언어 (Most Used Languages)

 

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=닉네임)](https://github.com/닉네임/github-readme-stats)

닉네임: 깃허브 사용자 명(닉네임)

 

추가로 컴팩트한 디자인을 적용시킬 수 있다. 

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

 

 

---

4. 이모지 넣기

 

맥: control + command + space bar

윈도우: https://gist.github.com/rxaviers/7360908

Complete list of github markdown emoji markup

 

---

5. 사진 넣기

- 마크다운 형식 (이미지 사이즈 조절 불가)

1. 프로젝트의 Issues 탭

 

2. New issue

 

3. 사진을 드래그앤드롭하면 해당 태그가 작성된다. 

 

4. 해당 코드를 복사해 readme에 붙여넣는다. 

 

- HTML 태그 방식 (이미지 사이즈 조절 가능)

<img src="" width="" height=""/>​

위 마크다운 형식의 태그를 아래 태그 형식으로 바꾸어 준다.

# 마크다운 형식
![gif](https://user-images.githubusercontent.com/110754810/235557061-8810de22-25d6-4535-8358-1658cf57fffd.gif)

# HTML 태그 형식
<img src="https://user-images.githubusercontent.com/110754810/235557061-8810de22-25d6-4535-8358-1658cf57fffd.gif" width="70" height="auto">

 

---

결과

https://github.com/Yiwonjeong

Yiwonjeong - Overview

 

 

<div align=center>
  
  # 👩🏻‍💻 Yi Wonjeong 🌱

   <a href="https://this-circle-jeong.tistory.com/"><img src="https://img.shields.io/badge/BLOG-000000?style=flat-square&logo=Tistory&logoColor=white"/></a>  <a href="matilto:monosnsv@gmail.com/"><img src="https://img.shields.io/badge/MAIL-EA4335?style=flat-square&logo=Gmail&logoColor=white"/></a>

   <a href="mailto:monosnsv@gmail.com"><img src="https://img.shields.io/badge/MAIL-EA4335?style=flat-square&logo=Gmail&logoColor=white"/></a>
  
</div>

#

![스크린샷 2023-05-02 오전 9 35 19](https://user-images.githubusercontent.com/110754810/235555285-937f9aef-59cc-4ab5-acc4-0000d2cdeeee.png)
![스크린샷 2023-05-02 오전 9 35 34](https://user-images.githubusercontent.com/110754810/235555282-c94f80cb-6ff6-448e-bc21-8d0b7ef7a2ef.png)