써보니까 그래요.
Tistory가 Naver blog보다 글 작성하기가 다소 힘든 편이라고 생각했어요. (아니 조금 많ㅇㅣ..)
GitHub은 🐶 힘든편이네요.
그래서 단순하지만 무언가는 한 것 처럼 보이는 GitHub README.md 꾸미기를 알려드립니다.
1. 우선 username과 같은 Repository부터 생성
- 깃허브 로그인 후에 우측 상단의 + 버튼 클릭
- New repository 클릭
Owner 명과 같은 Reopository name을 작성해야합니다.
같은 이름을 작성하면 위 이미지처럼 ✨special✨ 이라는 문구가 나옵니다.
✨주의할 점!
지금은 Add a README file 에 체크를 해줘야 편리하게 작성할 수 있습니다.
그러고 나서 Create repositroy 를 눌러 새 Reopository를 생성합니다.
방금 생성한 README.md는 이렇게 기본값이 설정되어있습니다.
저기에 바로 문구를 추가해도 좋지만, 단순하지만 무언가는 한 것 처럼 보이는 이라고 말했으니까요.
뭔가를 더 적어보려합니다.
우측의 연필모양을 눌러 편집모드로 진입합니다.
README.md는 Markup Language 이기 때문에 HTML문법을 사용할 수 있습니다.
문법을 아시는 분들은 바로 원하는 코드를 작성하시면 됩니다.
제가 만들 README.md 의 모습은 이렇습니다.
방문자수, Stack 뱃지 그리고 github에서 사용되고 있는 언어 비중을 첫 화면에 띄우고 있어요.
✨README.md 소스코드✨
<div align = center>
## 방문자수 출력
<a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2F유저명&count_bg=%230046FF&title_bg=%23009943&icon=java.svg&icon_color=%23F6F6F6&title=유저명&edge_flat=false"/></a>
<br>
## 사용가능한 기술들
<img src="https://img.shields.io/badge/java-007396?style=for-the-badge&logo=java&logoColor=white">
<img src="https://img.shields.io/badge/c++-00599C?style=for-the-badge&logo=c%2B%2B&logoColor=white">
<img src="https://img.shields.io/badge/python-3776AB?style=for-the-badge&logo=python&logoColor=white"> <br>
<br>
<br>
## Top Langs
[](https://github.com/유저명/github-readme-stats)
<br>
</div>
## 은 제목을 나타내는 부분입니다. # 한개 부터 ###### 여섯개까지로 제목크기를 구분할 수 있습니다.
저는 아직 마크업언어를 다루는 글은 작성하질 않아서, 자세한 내용이 궁금하신 분들은 구글링하시길 권장합니다.
위 코드를 3부분으로 나눠 설명드리겠습니다.
1) 깃허브 방문자수 표시 뱃지 제공 사이트
깃허브 방문자 수 출력 사이트 hits
위 사이트에 접속해서 본인 깃허브의 아이디를 입력하면, 자동으로 뱃지가 생성됩니다.
뱃지 모서리 곡률이나 글자색, 아이콘 색 등 여러 옵션을 설정할 수 있습니다.
사용할 언어 소스를 copy하고 본인의 README.md에 붙여넣기하면 끝!
2. 사용가능한 기술들 뱃지
<!-- 뱃지달기 형식 -->
<img src="https://img.shields.io/badge/기술이름-색상번호?style=for-the-badge&logo=아이콘이름&logoColor=white">
Simple Icons
- 위의 Simple Icons라는 사이트에 접속
- 뱃지를 달 기술명 검색
- 해당기술이름을 적고, #을 제외한 색상번호를 입력
- 아이콘에 표시할 문구입력
뱃지달기 예시
<!-- 뱃지달기 예시 -->
<img src="https://img.shields.io/badge/1001Tracklists-40AEF0?style=for-the-badge&logo=1001Tracklists&logoColor=white">
README.md에 위 예시 코드를 작성하면 이렇게 뱃지가 나옵니다.
뱃지 스타일은 for-the-badge 외에도 flat, plastic 등이 있습니다.
스타일 관련 자세한 내용은 Simple Icons 사이트에서 확인하시면 됩니다.
3) 깃허브에서 사용중인 언어 비중 표시 뱃지
## Top Langs _ 기본스타일
[](https://github.com/유저명/github-readme-stats)
<!-- Theme 적용시 -->
이미 어마어마한 능력자분들이 만들어 놓은 소스코드를 우리는 적용하기만하면 됩니다.🎨
저는 기본스타일을 사용했습니다만, 다른 테마를 적용하고 싶은 분들은 개발자의 깃헙에 가서 원하는 테마를 적용하시면 됩니다.
고마운 개발자님 anuraghazra 깃헙
위 사진에서 보이는 것 외에도 테마 종류가 다양합니다.
이렇게 3가지 부분만 표시해주면, 단순하지만 무언가는 한 것 처럼 보이는 GitHub README.md 꾸미기 완료입니다.
'이것저것 > 힘내라힘!' 카테고리의 다른 글
| GitHub명령어 정리 (커밋, 푸시 명령어) (0) | 2022.06.01 |
|---|