:lab
코딩일기
:lab
전체 방문자
오늘
어제
  • 분류 전체보기 (28)
    • 일상 (5)
      • 과학 (0)
      • 개발 (1)
      • Apple (3)
      • 갤럭시 (1)
      • 기타 (0)
    • 실험실 (0)
    • 배운 것들 (17)
      • 블렌더 Blender (0)
      • 깃허브 Github (1)
      • html,css,js (7)
      • python (6)
      • React Native (1)
      • Unity (1)
      • 기타 (1)
    • 블로그 (6)
      • 꾸미기 (4)
      • 수익 (2)

블로그 메뉴

  • 🧇 홈
  • 🏷 태그
  • 🎒 방명록

공지사항

인기 글

태그

  • Python
  • 티스토리
  • Karabiner-Elements
  • 맥
  • 구글
  • 브라우저
  • Mac
  • font family
  • 10ping
  • tilt.js
  • Vendor Prefix
  • 카카오
  • 애드핏
  • 파이썬
  • Prefix
  • chrome
  • 깃허브
  • 이게뭐여
  • 광고
  • ios
  • Random.Range
  • lipsync
  • 텐핑
  • CSS
  • 가상 램
  • RAM Plus
  • h 태그
  • react native
  • pywebview
  • alt-c
  • Android
  • vscode
  • HTML
  • 수익
  • 안드로이드
  • 구글 클론 사이트
  • 폰트
  • 왜 됐지
  • Github
  • 클론 사이트
  • 크롬
  • PyAudio
  • tenping
  • 햄버거메뉴
  • kivy
  • Ionicons
  • 이스터에그
  • LINK
  • STANDWITHUKRAINE
  • prefix free

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
:lab

코딩일기

[Github] 깃허브 프로필 꾸미기
배운 것들/깃허브 Github

[Github] 깃허브 프로필 꾸미기

2021. 1. 31. 17:07
728x90

깃허브를 보다 보면 이렇게 자신에 대한 소개가 나와있는 경우가 있는데요!!

이런 소개는 어떻게 할까요?

오늘은 이런 소개글을 만들 수 있는 방법에 대해 알아보겠습니다 :D

자, 우선 소개글을 만들기 위해 새 Repository를 만들어 줍니다.

여기서 주의하실 점은 Repository의 이름을 자신의 닉네임과 같이 써야 합니다 :)

그러면 이렇게 고양이가 나오며 비밀을 찾았다고 나옵니다!!

그리고, 이제 README.md가 보여질 거기 때문에 미리 Add a README file을 체크해서 자동으로 생성되게 해줍니다.

그 다음

를 눌러줍니다.

그럼 Repository가 생성이 되고 README.md 파일도 생성이 됩니다.

이 README.md 파일을 수정해 주시면 됩니다.

그리고, 이 README.md 파일은

이렇게 메인 화면에 노출됩니다 :)

자, 그럼!!

이제 README 파일을 꾸며볼 껀데요!!

(Markdown에 대해 잘 설명된 글이 있습니다!! Markdown에 대해 알고 싶으신 분은 아래 링크를 클릭해주세요!!)

MarkDown 사용법 총정리 > https://heropy.blog/2017/09/30/markdown/

### About Me 👋



##### Favorites ♥ 
* Coding ♥

[![사용자이름's GitHub stats](https://github-readme-stats.vercel.app/api?username=사용자이름)](https://github.com/anuraghazra/github-readme-stats)


<!--
**사용자이름/사용자이름** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

Here are some ideas to get you started:

- 🔭 I’m currently working on ...
- 🌱 I’m currently learning ...
- 👯 I’m looking to collaborate on ...
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 📫 How to reach me: ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-->

자, 이렇게 간단하게 Readme 파일을 만들어 보았습니다!!

마크다운 문법만으로 간단히 짤 수도 있지만,

이렇게 고수분들이 만든 오픈소스도 사용할 수 있습니다!!

저는 여기서

github-readme-stats

라는 오픈소스를 이용했는데요!!

바로 이렇게 자신의 깃허브 상태를 표시해주는 오픈소스입니다!!

사용은

[![사용자이름's GitHub stats](https://github-readme-stats.vercel.app/api?username=사용자이름)](https://github.com/anuraghazra/github-readme-stats)

이렇게 할 수 있는데요!!

여기서 ?username= 부분의 이름을 자신의 깃허브 닉네임으로 수정해주시면 됩니다!!!

REHeader

Header Image를 생성해주는 사이트입니다!

문구를 수정해 간단히 Header Image를 만들 수 있습니다 :)

그리고 밑에 Add To Your GitHub README Repo에 있는 Add to 버튼을 누르면 자동으로

헤더 이미지가 추가되는 것 같네요 :D

(저는 깜박이는 효과와 iOS 이모지 때문에 직접 만들었습니다...ㅎㅎ

그래도 이 사이트로 생성해봤을 때 되게 좋더라구요.

간단하게 만들고 싶으시다면 아주 편하게 만드실 수 있을 것 같습니다.)

1990s style Visitor Counter

 

실제 적용해보니 이렇게 생겼습니다 :D

![Visitor Count](https://profile-counter.glitch.me/{깃허브아이디}/count.svg)

이 한줄만 추가하면 적용이 됩니다!

(주의하실 점은 중괄호{ } 안에 깃허브 아이디를 넣으셔야 합니다 :)

Hits

방문자 수 카운터를 만들어주는 사이트로,

Markdown 말고도 Html, Embed(Notion)까지 지원해

다양한 플랫폼에서 사용할 수 있습니다 :)

이 밖에도 여러 오픈소스들을 이용하여 자신의 깃허브 프로필을 꾸밀 수 있습니다!!

728x90
    :lab
    :lab
    환영합니다! :D

    티스토리툴바