[GitHub] 깃허브 블로그 꾸미기

< 기본 >

 

1. 먼저 자신의 계정 아이디와 ★같은 이름의 레포지토리를 하나 만든다. ★ README.md 추가!

 

 

2. 해당 레포지토리로 들어가 README.md를 수정하면 된다.

 

 

---

< 방문자 Hits 뱃지 달기 >

이 홈페이지 -> hits.seeyoufarm.com/ 로 들어가서 target url을 자신의 깃허브 블로그 주소로 수정한다.

그후 옵션에서 꾸미고 싶은 만큼 꾸민다!

markdown 형식을 복사한 뒤 README.md에 추가한다.

 

 

< README.md에 사진 넣기 >

 

이전 포스팅 참조 -> wonjongah.tistory.com/29

[GitHub] README.md 내부 사진 띄우기

 

< 뱃지 달기 >

 

뱃지는 이 페이지에서 구성 가능하다. -> shields.io/

Shields.io: Quality metadata badges for open source projects

뱃지의 로고는 이 페이지를 참고하면 된다. -> simpleicons.org/

Simple Icons

기본 형식은 다음과 같다.

↓

<img src="https://img.shields.io/badge/뱃지의이름-색상코드?style=flat-square&logo=심플아이콘즈의로고이름&logoColor=white"/></a>

뱃지의 이름, #을 뺀 색상코드, simpleicons 사이트에서 로고 이름을 원하는 정보로 바꾼 뒤 README.md를 수정하면 된다.

 

링크 & 이메일 뱃지

↓

<a href="연결하고싶은링크"><img src="https://img.shields.io/badge/뱃지이름-뱃지색상?style=flat-square&logo=로고이미지이름&logoColor=white&link=연결하고싶은링크"/></a> 
<a href="mailto:자신의이메일"><img src="https://img.shields.io/badge/뱃지이름-뱃지색상?style=flat-square&logo=로고이미지이름&logoColor=white&link=mailto:자신의이메일"/></a>

한글로 적힌 곳에 자신의 정보를 기입하면 된다. 로고 이미지와 색상코드는 위와 같다.

 

< 내 깃허브 꾸미기 결과 >

 

 

 

우주 컨셉으로 꾸며봤다! 다크모드로 하면 정말 우주같다.

 

참고로 내가 한 README.md는 다음과 같다. 같은 틀을 쓰고 싶다면 github.com/wonjongah/wonjongah/blob/main/README.md <<- 참고

 

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fwonjongah&count_bg=%23A488EB&title_bg=%235A8AE5&icon=atom.svg&icon_color=%23FFFFFF&title=WELCOME&edge_flat=false)](https://hits.seeyoufarm.com)
 
![우주](https://user-images.githubusercontent.com/50413112/105368338-c5250000-5c44-11eb-9a01-5a8c95186bba.jpg)

<h2 align="center">☾⋆⁺₊⋆💙 what i can do is 💙☾⋆⁺₊⋆</h2>
 
<p align="center"><img src="https://img.shields.io/badge/Python-3776AB?style=flat-square&logo=Python&logoColor=white"/></a>  <img src="https://img.shields.io/badge/JAVA-007396?style=flat-square&logo=JAVA&logoColor=white"/></a>  <img src="https://img.shields.io/badge/Kotlin-0095D5?style=flat-square&logo=Kotlin&logoColor=white"/></a>  <img src="https://img.shields.io/badge/C++-00599C?style=flat-square&logo=C++&logoColor=white"/></a>  <img src="https://img.shields.io/badge/Android-3DDC84?style=flat-square&logo=Android&logoColor=white"/></a>  <img src="https://img.shields.io/badge/Arduino-00979D?style=flat-square&logo=Arduino&logoColor=white"/></a>  <img src="https://img.shields.io/badge/Raspberry Pi-C51A4A?style=flat-square&logo=Raspberry Pi&logoColor=white"/></a>  <img src="https://img.shields.io/badge/PHP-777BB4?style=flat-square&logo=PHP&logoColor=white"/></a>  <img src="https://img.shields.io/badge/HTML-E34F26?style=flat-square&logo=HTML&logoColor=white"/></a>  <img src="https://img.shields.io/badge/CSS-1572B6?style=flat-square&logo=CSS&logoColor=white"/></a></p>
<p align="center"><img src="https://img.shields.io/badge/MariaDB-003545?style=flat-square&logo=MariaDB&logoColor=white"/></a>  <img src="https://img.shields.io/badge/MySQL-4479A1?style=flat-square&logo=MySQL&logoColor=white"/></a>  <img src="https://img.shields.io/badge/MongoDB-47A248?style=flat-square&logo=MongoDB&logoColor=white"/></a>  <img src="https://img.shields.io/badge/Django-092E20?style=flat-square&logo=Django&logoColor=white"/></a></p>


<h2 align="center">⋆｡ﾟ✶°💜 contact to me 💜⋆｡ﾟ✶°</h2>

<p align="center"><a href="https://wonjongah.tistory.com/"><img src="https://img.shields.io/badge/My tech blog-A9BCF5?style=flat-square&logo=GitHub Sponsors&logoColor=white&link=https://wonjongah.tistory.com/"/></a>  <a href="mailto:wonjongah@gmail.com"><img src="https://img.shields.io/badge/Gmail-D0A9F5?style=flat-square&logo=Gmail&logoColor=white&link=mailto:wonjongah@gmail.com"/></a></p>