Github - Profile ReadME 꾸미기

🙋‍♂️ 왜 ... ?

이번에 패스트캠퍼스 부트캠프 조인하게 되면서 준비하다가 ReadMe 꾸미는게 생각나서 막 인터렉티브하게 하진않고..

 

미니멀하게 저는 써봤구요(적을게 없기 때문).

 

역시 영어로 써야 간지✨가 나는거 같더라구요. 저같이 많이 쓸거 없으신 분들이 참고해보시라구..

 

 

🔗 info

 

일단 Special Repository를 만들어줘야 합니다. new repository는 아실거라 믿습니다. 그리고 밑에 사진 박스친곳에

1. Repository Name을 Owner 이름이랑 똑같이 맞춰주면 special repository로 사용할 수 있다고 나옵니다.

2. Public 체크 해줍니다.

3. Add a README file을 해주면 다 끝납니다. 

그리고 다시 만든 repository 가셔서 이제 Edit 만 해주시면되요. 기본적인 양식은 이미 적혀있을거예요. 

' Hello 👋 ' 이런식으로 이제 그걸 당신 맘대로 바꿔주시면 됩니다. 마크다운과 함께요 ㅎㅎ .. 

 

---

카테고리 별로 멋진 ReadMe를 어떤 착하신분이 모아놓으셨더라구요.

여기서 한번 본인이 하고 싶은 스타일 찾으시면 될 것 같아요.

 

ReadMe 모음

GitHub - abhisheknaiidu/awesome-github-profile-readme: 😎 A curated list of awesome GitHub Profile READMEs 📝

 

근데 저같은.. 입문자들은 쓸게 별로 없기때문에 간단하게 해야겠다고 생각을 했습니다.

Minimalistic 카테고리에 이 분을 참고해서 간단하게 만들었습니다.

다른건 다 쉬운데, 저 기술스택 뱃지를 어떻게 만들어야 하실지 모를수 있겠네요.

 

https://shields.io/

Shields.io: Quality metadata badges for open source projects

 

들어가서 이것저것 한번 해보시면 되긴할테지만 구글링하시면 방법은 금방 나오는데,

저는 딱 저것들만 필요해서, 깃헙 팔로워.. 뭐 모니터링.. 필요없어서... 저 뱃지들만 어캐 만드는지 알려드릴게요.

 

<img alt="Html" src ="https://img.shields.io/badge/HTML5-E34F26.svg?&style=for-the-badge&logo=HTML5&logoColor=white"/>

 

일단 ReadMe에서 위에 img tag 복붙하시면 HTML 뱃지가 등장할거예요. 이걸로 다 만들수 있습니다.

src 안에 있는 url 데이터만 바꿔주면 알아서 정보 가져오더라구요.

- 뱃지안에 Text 입니다. (TEXT와 색상사이에 '-' 있음)

- 뱃지 바탕 색상입니다.

- 로고 이름입니다. 그런데 로고이름이 다 정해져있는데, Simple Icons에서 검색해서 나온놈들만 사용 가능합니다.

Simple Icons

   그리고 해당 로고의 기본 색상정보도 들어있고, svg를 그냥 직접 다운받을 수도 있어서 너무 좋습니다. 

- 로고 색상입니다.

 

저기 네가지 부분만  바꿔주면 다 커스터마이징이 가능해요...  제가 아는 건 다 쓴거 같습니다. 

 

github 저랑 맞팔 하실분... 선팔좀(구걸) 감사합니다. 

 

https://github.com/froggy1014

froggy1014 - Overview