Github 꾸미기 시작

github repository를 만들 때 자신의 아이디와 동일하게 만들면 special한 저장소를 만들 수 있는데 그게 바로 github 프로필을 꾸밀 수 있다는 것을 알았다. 강사님께서 차근차근 꾸미기를 시작해보라고 하셔서 한번 꾸미기를 시작해보려고 한다.

 

README.md에다가 커밋을 해줘야 한다길래, repo 만들 때 꼭 추가하고..

해당 사이트로 md 파일을 바로바로 확인할 수 있다고 하므로, 이것저것 소스를 긁어와보기로 했다.

https://dillinger.io/

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

 

 

md파일은 MarkDown 언어라고 한다. 전에 가볍게 공부한 적 있는데 사용은 처음해본다.

여기는 내가 개인적으로 공부한 것.. https://shiny-mantis-d77.notion.site/MarkDown-17b792d891a6421a9f0c01af5b318e57

MarkDown 사용하기

 

 

1. Header

https://github.com/kyechan99/capsule-render#text-animation

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

헤더부분에는 이것을 써보았다. 이미 만들어진 API라 가져다 쓰기만해도 좋았음

일단은 이걸 사용하고 나중에 더 찾아볼까 싶다.

 

![header](https://capsule-render.vercel.app/api?type=waving&color=auto&height=200&section=header&text=Seulgi's Profile&fontSize=60&animation=fadeIn&fontColor=323931&fontAlignY=38)

 

뱃지도 많이 사용되길래 두 사이트에서 참고하였다.

https://simpleicons.org/

Simple Icons

https://shields.io/

Shields.io: Quality metadata badges for open source projects

shields io에서 사용되는 icon들이 simple icons와 연동이 되는 것 같더라..?

 

![](https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=HTML5&logoColor=white)
![](https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=CSS3&logoColor=white)
![](https://img.shields.io/badge/Javascript-F7DF1E?style=flat-square&logo=JavaScript&logoColor=black)
![](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=black)
![](https://img.shields.io/badge/Node.js-69cf00?style=flat-square&logo=Node.js&logoColor=white)

기본적으로 사용할 뱃지들의 마크다운 소스 (추후에 더 추가함)

 

 

hits 로 방문자수 표현하기 

https://hits.seeyoufarm.com/

HITS

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fguseulgi%2Fguseulgi&count_bg=%2375D82A&title_bg=%23636363&icon=github.svg&icon_color=%23FFFFFF&title=Customers&edge_flat=true)](https://hits.seeyoufarm.com)

맞게 되는지 모르겠지만.. 일단 해봤다.

 

여기까지 하는 것도 시행착오가 많았어서 나머지는 나중에 차근차근 더 해볼 생각이다.

 

참고

https://velog.io/@dot2__/Github-github-%ED%94%84%EB%A1%9C%ED%95%84-%EA%BE%B8%EB%AF%B8%EA%B8%B0

[Github] github 프로필 꾸미기