레포지토리 생성
Your repositories로 들어가서
New를 눌러서 새 레포지토리를 생성해줍니다.
레포지토리 생성 시 본인의 깃허브 아이디와 같게 만들어주세요!
저는 이미 생성되어 있기 때문에 "The repository zero0205 already exists on this account." 메세지가 뜨고 있습니다.
공개 설정은 public으로 하고 README file은 생성하는걸로 체크해주시면 됩니다.
다 하고 README도 꾸며놨는데 왜 Profile에 안 보이지??하시는 분들은 해당 레포지토리로 가서
Send to your profile 버튼 눌러주시면 됩니다.
헤더
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
헤더는 위의 깃허브에서 가져왔습니다.
링크타고 들어가서 보면 다양한 옵션들을 설정할 수 있습니다.
저는
type : waving
color : 0:1100FF,100:FF00FF
height : 225
section : header
text : ZERO0205
fontColor=d6ace6
fontSize=90
이렇게 파라미터들을 설정해주었습니다.
기술 스택
- 뱃지
Shields.io: Quality metadata badges for open source projects
Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing dash "-" separator/badge/ - - Dashes --→- DashUnderscores __→_ Underscore_ or Space → SpaceUsing query string parameters/static/v1?label= &message= &color= Colo
shields.io
<img src="https://img.shields.io/badge/텍스트-hex색상코드?logo=로고&logoColor=로고색상">
hex 색상코드는 #FFFFFF 이런 코드를 말하는건데 앞의 #은 빼고 6자리만 넣으면 됩니다.
원하는 로고과 색상은 아래의 사이트에서 쉽게 찾을 수 있습니다.
- 아이콘
Simple Icons
2419 Free SVG icons for popular brands
simpleicons.org
아래와 같이 뱃지들을 넣을 수 있습니다.
※ C++ 로고는 로고 부분에 c%2B%2B 넣어주시면 됩니다!
뱃지에 링크를 걸고 싶다면 <img> 태그를 <a> 태그로 감싸고 href 속성으로 이동하고자 하는 url 주소를 넣어주면 됩니다.
<a href="이동할 페이지">
<img src="https://img.shields.io/badge/텍스트-hex색상코드?logo=로고이름">
</a>
- 동적 아이콘
https://techstack-generator.vercel.app/
techstack-generator.vercel.app
위의 뱃지 말고 동적 아이콘들을 가져다 쓸 수 있는 사이트입니다.
저는 사용하지 않았지만...필요하신 분들은 사용해보셔도 좋을 거 같습니다.
백준 티어
GitHub - mazassumnida/mazassumnida: Github 프로필에서 boj 프로필을 이쁘게 보여주는 프로젝트
Github 프로필에서 boj 프로필을 이쁘게 보여주는 프로젝트. Contribute to mazassumnida/mazassumnida development by creating an account on GitHub.
github.com
백준 프로필을 예쁘게 보여줄 수 있는 깃허브입니다.
사용방법은 간단합니다. 본인 백준아이디만 넣으면 됩니다.
[](https://solved.ac/아이디)
Github Stats
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
이번엔 깃허브 스탯을 보여줄 수 있는 프로젝트입니다.
헤더와 마찬가지로 다양한 옵션들을 선택하여 원하는대로 꾸며줄 수 있습니다.
깃허브에서 많이 사용된 언어도 보여줄 수 있습니다.
이모지
Emoji Cheat Sheet
Emoji codes used by GitHub, Basecamp, Slack and other services. Searchable. With emoji meanings.
www.webfx.com
위의 사이트에서 원하는 이모지를 찾아서 copy해서 붙여넣으면 됩니다.
'공부 > GitHub' 카테고리의 다른 글
[Github] README.md에 이미지 넣기 (1) | 2023.11.25 |
---|---|
[GitHub] Gitmoji 사용 (0) | 2023.11.13 |
깃허브로 배포하기 (1) | 2023.01.22 |
깃허브 연동 (0) | 2022.12.19 |
Git Branch 깃 브랜치 생성, 전환, 삭제 (0) | 2022.10.09 |