본문 바로가기
CS/Git, github

README 꾸미기

by cariño 2022. 12. 7.
728x90
반응형

밀렸던 포스팅 중 하나가 README 꾸미기이다.

본격적으로 README를 적으면서 느낀건 생각보다 시간이 꽤- 오래걸린다는 것이다. 

적어야 할 말도 많지만, 글 제주가 없는지라 여기저기서 참고해서 적느라 더 오래 걸리는것 같다. 

마크다운 문법은 이전에 익혀둬서 크게 어려운점은 없었지만 저노므 stack뱃지는 대체 어떻게 하는거야!?

해서 찾아봤는데 한번 복붙만 해놓으니까 다시 사용하려고 할 때 또 찾게 되더라

 

찾아보고 가장 많이 나온 사이트가 shields랑  simpleicon이다.  

shields에서 하게 되면 처음에는 사용 법이 어렵다. 해서 나 처럼 이렇게 해보시는 걸 추천한다. 

https://simpleicons.org/?q=types 

 

Simple Icons

2413 Free SVG icons for popular brands

simpleicons.org

샘플 아이콘 사이트에 접속해서 원하는 아이콘을 찾는다. 

 

[배지를 넣을 코드]

<img src="https://img.shields.io/badge/Tailwindcss-06B6D4?style=flat&logo=Tailwindcss&logoColor=white" alt="icon"/>

- 빨간 글씨는 아이콘에 보여질 타이틀을 적는다.

- 원하는 아이콘 바탕색을 헥스컬러 적는다.

- 아이콘의 로고를 넣어준다.

참고로 샘플 아이콘을 클릭하면 해당 타이틀이 복사된다.

마찬가지로 헥스컬로도 복사할 수 있다.

이제 복붙해온 저 img태그안에 하나씩 넣으면 된다.

 


 

 

그리고 

파비콘으로 사용하기 좋은 사이트도 찾았다.

https://www.iconfinder.com/

 

7,050,000+ free and premium vector icons, illustrations and 3D illustrations

Iconfinder is the world's largest marketplace for icons, illustrations and 3D illustrations in SVG, AI, and PNG format.

www.iconfinder.com

 

하나 덤으로 이모지 자주 쓰는데 여기에 다 있는것 같다 :) 

https://www.emojiall.com/ko

 

홈 | EMOJI 이모티콘 사전 | EmojiAll 한국어 공식 웹 사이트

이 웹 사이트는 이모티콘 의미, 사용 예, 유니 코드 코드 포인트, 고해상도 사진, 복사 및 붙여 넣기, 이모티콘 빅 데이터 순위, 벡터 그래픽 및 동적 차트, 지능형 알고리즘 감정 분석, 그리고 이

www.emojiall.com

 

728x90

'CS > Git, github' 카테고리의 다른 글

env파일 gitignore 안 먹혔을 때  (0) 2022.12.02
Git 용어정리  (1) 2020.01.02

댓글