깃허브 프로필 Readme.md 꾸미기 - (참고 링크 편)

깃허브 프로필을 꾸밀 때 참고했던 링크들은 다음과 같다.

 

1. 리드미 Generator

https://rahuldkjain.github.io/gh-profile-readme-generator/

GitHub Profile Readme Generator

- 해당 링크에서 원하는 스택들을 선택하고 소개 등을 작성해 Generate Readme 버튼을 클릭 후 나오는 코드를 복사해 

깃허브 리드미 작성할 때 붙여 넣으면 손쉽게 작성이 가능하다.

 

하지만.. 이렇게 작성하지 않고 커스텀하게 작성하고 싶은 경우가 있다.

그 경우 HTML 혹은 Markdown 언어로 작성해야한다.

 

HTML로 작성하고픈 경우는 공부를 조금 해야하는데, 이는 강의들이 많으니 PASS

Markdown의 경우 다음과 같은 레퍼런스를 참고하거나

https://gist.github.com/ihoneymon/652be052a0727ad59601

마크다운(Markdown) 사용법

다음의 링크에서 작성하는 방법

https://www.easy-me.com/d

EASYME.md | 리드미, 마크다운 작성 사이트

또는 노션 (Notion) 에 작성 후 Markdown으로 Export하여 사용하는 방법 등이 있다.

 

HTML/마크다운 까지는 알겠는데, 이제 뱃지나 여러 방법으로 꾸미고 싶을 수 있다.

위 사진은 캡슐 렌더 라는 좋은 친구인데, 리드미의  상단과 하단에 주로 넣어 리드미를 꾸며 준다. 커스텀 가능하고 다음 링크 참고하자.

https://github.com/kyechan99/capsule-render

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

다음과 같이 작성할 수 있다.

<img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&customColorList=10&height=250&section=header&text=<넣고싶은메시지>&fontSize=90&animation=fadeIn" />

이건 HTML 형식의 헤더(상단에 넣을 때)

![footer](https://capsule-render.vercel.app/api?type=waving&color=gradient&customColorList=10&height=150&section=footer)

이건 마크다운 형식의 푸터(하단)

위 두 코드는 필자의 리드미에서 메시지만 수정 후 올린 것이다.

 

다음과 같이 다양한 스타일이 많으니 참고하자.

마지막으로 뱃지는

위 사진과 같은 것들을 말하는데, 이는 다음 포스팅에서 예시와 함께 작성법, 레퍼런스를 다룬다. (하단 링크 참고)

https://ohksj77.tistory.com/201

깃허브 프로필 Readme.md 꾸미기 - (뱃지 편)