Github 깃허브 프로필 꾸미기, profile 꾸미기

 

 

 

 

제 깃허브 프로필 링크입니다.

loginshin - Overview

 

 

깃허브 프로필 꾸며보겠습니다.

 

 

 

hidden Repositories를 만들면 your profile부분을 꾸밀 수 있는 구간이 나옵니다.

깃허브 계정과 같은 이름으로 레포지토리를 생성하면 생깁니다.

우선 만들기 전에 기본 모습은 아래 사진과 같습니다

 

 

제 닉네임 레파지토리 만들면 특별 레파지토리라고 고양이가 인사해 줍니다.

이때 README.md 파일을 자동으로 만들어지게 설정해 주세요.

마크다운, html로 꾸며줄 겁니다.

 

 

제 닉네임 레파지토리에 README.md 파일을 인식하고 있습니다.

 

 

 

수정하시면서 commit을 계속하시지 마시고 옆에 Preview버튼 누르면 중간중간 보실 수 있습니다.

 

 

 

 

위쪽에 헤더는 capsule render라는 이쁜 헤더가 있어서 꾸며줬습니다.

GitHub - kyechan99/capsule-render: 🌈 Dynamic Coloful Image Render

 

 

사용법은 해당 페이지 들어가면 How to Use 란 밑으로 마크다운이나 html 태그 긁어오셔서 리드미에 붙이시면 생깁니다.

코드 안에 있는 속성값들을 양식에 맞게 바꿔 적용시켜 보세요.

 

 

 

제가 사용한 블로그 링크, 제 기술스택은 밑에 사이트 링크에서 받아와 만들었습니다.

Shields.io: Quality metadata badges for open source projects

 

 

가장 마지막에는 제 깃허브 상태를 넣어뒀습니다.

GitHub - anuraghazra/github-readme-stats: :zap: Dynamically generated stats for your github readmes

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

위 username 속성에 본인 깃허브 닉네임 넣으시면 분석해서 값이 나옵니다.

 

 

 

 

조금 덕지덕지 빠르게 꾸몄는데 그래도 확실히 이뻐졌네요.

디자인 감각은 없어서...

밑에 제 전체 코드 공유합니다.

 

 

<img src="https://capsule-render.vercel.app/api?type=waving&color=timeGradient&height=240&section=header&text=👋%20Thank%20you%20for%20visiting.%20Im%20LoGinShin&fontSize=32&fontColor=bfc0c9" />



<div align="center">
<p>
  <a href="https://loginshin.tistory.com/" target="_blank"><img src="https://img.shields.io/badge/Tech_Blog-DD0B78?style=flat-square&logo=GitHub%20Sponsors&logoColor=white"/></a>
<!--   <a href="https://www.linkedin.com/in/cowkite/" target="_blank"><img src="https://img.shields.io/badge/SoyeonKim-0A66C2?style=flat-square&logo=Linkedin&logoColor=white"/></a> -->
<!--   <a href="https://twitter.com/cowkite" target="_blank"><img src="https://img.shields.io/badge/cowkite-1DA1F2?style=flat-square&logo=Twitter&logoColor=white"/></a> -->
<!--   <a href="mailto:iscowkite@gmail.com" target="_blank"><img src="https://img.shields.io/badge/iscowkite@gmail.com-EA4335?style=flat-square&logo=Gmail&logoColor=white"/></a> -->
</p>

<p>
 안녕하세요.👋 소통반 맨 앞자리 <strong>LoGinShin입니다</strong>.🙌
 <br> 공부하는것을 즐기고 여러 사람과 대화하는것을 좋아합니다.<br>
 
</p>
<br><br><br>
<p>📧Email <br>loginshin3@gmail.com</p>

<br><br><br>
<h3>🌐기술 스택</h3>
<p>
  <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=black"/>
  <img src="https://img.shields.io/badge/ReactNative-61DAFB?style=flat-square&logo=React&logoColor=black"/>
  <img src="https://img.shields.io/badge/Android-3DDC84?style=flat-square&logo=Android&logoColor=white"/>
 <img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white"/>
<img src="\https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white"/>  
<!--   <img src="https://img.shields.io/badge/문자-색코드?style=for-the-badge&logo=이미지 이름&logoColor=black"> -->
 <img src="https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E"/>
</p>
<p>
 <img src="https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white"/>
  <img src="https://img.shields.io/badge/Java-007396?style=flat-square&logo=Java&logoColor=white"/>
 <img src="https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54"/>
 <img src="https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=java&logoColor=white"/>
<img src="https://img.shields.io/badge/spring-%236DB33F.svg?style=for-the-badge&logo=spring&logoColor=white"/>
 <img src="https://img.shields.io/badge/mysql-%2300f.svg?style=for-the-badge&logo=mysql&logoColor=white"/>
<img src="https://img.shields.io/badge/Oracle-F80000?style=for-the-badge&logo=oracle&logoColor=white"/>

</p>
 
<a href="">
  <img src="https://github-readme-stats.vercel.app/api?username=LoGinShin&theme=tokyonight&show_icons=true" white="45%"  />
</a>
 
 
 
<!--  
 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=LoGinShin)](https://github.com/anuraghazra/github-readme-stats)
 
 ![LoGinShin GitHub stats](https://github-readme-stats.vercel.app/api?username=LoGinShin&show_icons=true&theme=transparent) -->

 </div>