[Github] 깃허브 계정 꾸미기

 

개요

Github 프로필 꾸미기를 미루고 또 미루다가 이제야 실천을 하게 되었습니다:)

 

시작

 

오른쪽 상단에 녹색 버튼 보이시나요?

저희는 New 버튼을 눌러서 새로운 레포지토리를 생성할거에요.

 

Owner와 동일한 이름으로 Repository name을 설정하면 하늘색 창이 나옵니다.

제 닉네임과 동일한 이름의 리포지토리는 특별한 리포지토리에요.

(저같은 경우에는 이미 동일 이름의 레포지토리가 있어서 빨간 글씨로 오류를 표시해주네요)

 

Public을 체크해주시고, Add a README file을 체크해주세요.

그리고 오른쪽 하단 Create repository 버튼을 클릭해주시면 리포지토리 생성은 완료됩니다.

 

 

사진 넣기 우여곡절을 곁들인

저는 상단에 저의 사진을 넣으려고해요.

 

오른쪽 연필 모양 버튼을 클릭하면 Readme 파일을 쉽게 수정할 수 있습니다.

 

그런데 이미지는 어떻게 넣는걸까요?

 

우선 위에서 새롭게 생성한 리포지토리로 들어가주세요.

그리고 이슈 탭으로 이동해주세요.

 

 

오른쪽에 New issue 버튼을 클릭해주세요. 그러면 아래와 같은 화면이 나옵니다.

 

위의 내용란에 원하는 이미지를 드래그 앤 드롭 해주세요.

처음에는 업로드하느라 시간이 걸리지만 업로드 후에는 아래와 같이 주소값이 생성됩니다.

 

https로 시작되는 괄호 안의 주소값을 복사해주세요.

그리고 다시 Readme 파일로 돌아가주세요.

 

연필 모양의 Edit 버튼을 누르면 수정 화면으로 바뀝니다.

마크다운으로 자유자재로 원하는 화면을 구성할 수 있어요.

 

저는 이미지를 가운데에 두고 싶고, 너비는 300으로 지정하고 싶어서 다음과 같이 마크다운을 짰어요.

 

복사한 링크는 src="" 를 하고 쌍따옴표 사이에 붙여넣기하면 됩니다.

 

 

기술 스택 뱃지 넣기

https://shields.io/

Shields.io | Shields.io

저는 Readme를 작성할때마다 위 사이트를 애용합니다.

 

예를 들어, 기술스택에 자바스크립트 뱃지를 넣고싶다!

그러면 구글 검색창에 바로 javascript shields.io 라고 입력하셔도 됩니다.

해당 링크로 들어가면 위와 같이 뱃지의 모양을 확인할 수 있어요.

<img src=""> 를 입력한 후 쌍따옴표 사이에 해당 링크를 복사 및 붙여넣기 하고 Commit change를 하면

리드미에 해당 뱃지가 생긴것을 확인할 수 있습니다.

 

리드미 내용은 자유롭게 기재하시면 됩니다.

 

 

혹 글씨 굵기와 크기를 달리 하고 싶으면 #을 사용하여 조절할 수 있어요!

#의 갯수에 따라서 글씨의 크기가 달라지는데, #이 적을수록 글씨 크기가 커지고 굵어집니다.

제가 해놓은 예시를 보여드릴게요:)

 

마크다운은 아래와 같습니다.

 

 

그러면 원하는대로 깃허브 프로필을 꾸밀 수 있어요.

 

 

 

이 내용이 도움이 되었기를 바랍니다.