깃헙 프로필 꾸미기

 

1. 기술 뱃지

 

뱃지 제작 사이트

뱃지 제작 사이트가 있는데 나는 이 사이트를 참고하지 않고 markdown만 복사해서 사용하였다.

 

https://simpleicons.org/

simpleicons 사이트에서 icon에 대한 데이터만 가져와서 사용하면 된다.

 

자바스크립트 뱃지를 만들면서 설명해본다.

 

 

<img src="https://img.shields.io/badge/아이콘이름-색깔?style=for-the-badge&logo=아이콘이름&logoColor=로고색깔">

• 아이콘이름 : javascript
• 색깔 : F7DF1E (#은 제거해준다.)
• style : 뱃지의 디자인인데 
• logoColor : 로고의 색을 정한다. (black이면 좌측, white이면 우측이다.)

 

완성된 코드

<img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black">

 

2. 타이핑되는 타이틀

 

 

 

https://github.com/DenverCoder1/readme-typing-svg?tab=readme-ov-file

이 사이트에서 설명만 잘 읽으면 할 수 있다.

https://readme-typing-svg.demolab.com/demo/

 

Line 1 : 쓰고 싶은 글

Font : 구글 폰트에 들어가서 폰트 이름만 복붙하면 된다.

Duration(ma per line) : 글자 다 쓰는 시간(클수록 천천히 쓴다.)

Pause(ms after line) : 글자 다 쓰고 대기하는 시간(아마도?)

Repeat : 반복여부 

Widht x height : 박스크기 잘 설정해야 안 짤리고 나온다.

 

완성된 코드

[](https://git.io/typing-svg)