우당탕탕 도비의 코딩로그

Github Readme 꾸미는 방법과 소스들 본문

Git/Github

Github Readme 꾸미는 방법과 소스들

dobbie 2022. 12. 26. 19:26
반응형

1. Header 꾸미기

reference:

 

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

:rainbow: Dynamic Coloful Image Render. Contribute to kyechan99/capsule-render development by creating an account on GitHub.

github.com

example) 

Cylinder type을 적용한 Header

code

<div align=center>
	<img src="https://capsule-render.vercel.app/api?type=cylinder&color=auto&height=150&section=header&text=Darnbi%20Github%20&render&fontSize=50" />
</div>

 

2. Badges 추가하기

<img src="https://img.shields.io/badge/python-3776AB?style=flat&logo=Python&logoColor=white"/>

아이콘 이름은 아래 링크 참조

 

Simple Icons

2414 Free SVG icons for popular brands

simpleicons.org

example) python은 배경색 3776AB 아이콘 이름 Python

python example

 

3. Widget 추가하기

 

- GithubAccountName에 본인 깃헙 아이디 넣기

- theme은 reference 참고해서 언제든지 변경가능

 <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=GithubAccountName&layout=compact&theme=gruvbox">
  <br>
 <img src="https://github-readme-stats.vercel.app/api?username=GithubAccountName&show_icons=true&theme=gruvbox">

reference:

 

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

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

github.com

 

반응형
Comments