✨github 프로필 꾸미기✨

박건형·2024년 11월 20일

github

목록 보기
1/1
post-thumbnail

오늘은 Github 첫 프로필을 꾸며보았습니다.

1. 메인 이미지

프로필의 처음을 장식하는 이미지는 "https://www.canva.com/" 에서 템플릿을 활용하여 제작하였습니다

2. 각종 배너

여기서 사용한 배너들은 "https://github.com/ziadOUA/m3-Markdown-Badges"
이곳을참고하여 제작하였습니다

사용법

<img src="PUT THE LINK HERE">

1.링크를 들어가 원하는 이미지를 찾습니다
2.이미지 옆에 있는 링크를 위 코드 PUT THE LINK HERE에 추가합니다
3.배너 이미지를 a태그로 감싸 href속성을 사용해 원하는페이지로 이동할수있습니다
(Contact를 이런식으로 제작함)

3. 동물농장

동물농장은 "https://www.gitanimals.org/en_US" 이곳을 이용하여 제작 하였습니다.
이것을 사용하면 아레 이미지같이 깃허브 프로필에 동물들을 키울수 있습니다.

사용법

  1. 홈페이지에 접속합니다
  2. 깃허브로 로그인을 해준후 아레와 같은 페이지가 나옵니다
    이 페이지는 1마리만 보일지 농장형식으로 여러마리가 보일지 설정하는창입니다

    다음으로 모은 코인으로 뽑기를 할수있습니다
    참고로🪙코인은 깃허브 커밋으로 벌수있습니다

    그리고 펫을 경매에 올려 판매or구매 할수있습니다

소스코드와 제 페이지 최종 이미지입니다

<div align="center">
  <img src="https://raw.githubusercontent.com/rjsgud49/rjsgud49/main/assets/logo.png" alt="Logo" width="100%" />
</div>

<div align="center">
  <h2>👀 자기소개 👀</h2>
  <h4>현재 경북소프트웨어고등학교 1학년으로 재학 중이고</h4>
  <h4>목표는 React와 Spring Boot를 활용한 풀스택 개발자입니다. 추후에는 클라우드 쪽도 도전해보고 싶습니다.</h4>
</div>

<div align="center">
  <h2>✨ 개발스택 ✨</h2>
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/CSS/css2.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/HTML/html2.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Javascript/javascript3.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Java/java1.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/jQuery/jquery1.svg">
   <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/React/react2.svg">
  
<div align="center">
  <h2>🔧Tools🔧</h2>
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Figma/figma2.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Github/github2.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/VisualStudioCode/visualstudiocode1.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Git/git1.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/IDEA/idea1.svg"> 
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Illustrator/illustrator1.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Notion/notion1.svg">
</div>
</div>

<div align="center">
  <h2>🌱 공부 중... 🌱</h2>
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Java/java1.svg">
  <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/NodeJS/nodejs1.svg">
</div>

<div align="center">
  <h2>🐶 동물농장 🐶</h2>
  <p>GitHub 활동을 열심히 하여 동물농장도 취미 삼아 일궈보겠습니다.</p>
  <img
    src="https://render.gitanimals.org/farms/rjsgud49"
    width="800"
    height="300"
  />
</div>

<div align="center">
  <h2>📶 Contact 📶</h2>

  <a href="mailto:qkrrjsgud49@gmail.com" target="_blank">
    <img
      src="https://img.shields.io/badge/qkrrjsgud49@gmail.com-D14836?style=for-the-badge&logo=gmail&logoColor=white" />
  </a>

  <a href="https://velog.io/@rjsgud49" target="_blank">
    <img src="https://img.shields.io/badge/Velog-1EBC8F?style=for-the-badge&logo=velog&logoColor=white" />
  </a>

  <a href="https://discord.gg/vZUxZJHKQp" target="_blank">
    <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Discord/discord1.svg" />
  </a>

  <a href="https://www.instagram.com/qkrrjsgud49/" target="_blank">
    <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Instagram/instagram1.svg" />
  </a>
</div>

제 포스트가 GitHub 프로필을 꾸미는 데 조금이라도 도움이 되길 바랍니다!

profile
프론트엔드 개발자

0개의 댓글