github readme tech stack
v2.1.1
시작하는 가장 쉬운 방법은 웹 사이트를 방문하여 카드를 사용자 정의하고 미리 볼 수 있습니다.
https://github-readme-tech-stack.vercel.app
개발자로서 잠재적 협력자 및 고용주에게 다양한 기술에 대한 전문 지식을 선보이는 것이 중요합니다. GitHub-Readme-Tech-Stack을 사용하면 GitHub 저장소에 사용 된 기술을 쉽게 만들 수 있으며 프로필 readme 에 포함시킬 수 있습니다. 이를 통해 특정 기술 세트를 가진 개발자를 찾고있는 다른 사람들의 주목을받는 데 도움이 될 수 있습니다.
이미지를 완전히 사용자 정의 할 수 있으므로 표시하려는 기술을 선택하고 색상, 아이콘 및 개인 브랜드와 일치하도록 조정을 선택할 수 있습니다.
개인적으로, 나는 항상 깨끗하고 현대적인 방식으로 내 기술을 과시하고 싶었습니다. 배지로 만 할 수는 있지만 Github-Readme-Streak-Stats와 Github-Readme-Stats의 스타일과 일치하지 않았습니다. Github-Readme-Tech-Stack을 사용하면 더 이상 문제가되지 않으며 자연스럽게 그 카드와 일치합니다!
profile README 에 마크 다운 태그를 추가하는 것만 큼 간단합니다.svg 아이콘을 업로드하고 사용할 수 있습니다.필드는 필요하지 않습니다. 각 쿼리 매개 변수에는 기본값이 있으며 아래에 나열되어 있습니다.
| 매개 변수 | 예 | 기본값 | 설명 |
|---|---|---|---|
| 제목 | title=My%20Title | 내 기술 스택 | 카드 제목. %20 공간으로 사용할 수 있습니다. |
| 주제 | theme=github_dark | github | 카드의 주제. 여기에서 테마를 탐색 할 수 있습니다. |
| 맞추다 | align=center | 왼쪽 | 배지의 정렬. ( left , center , right ) |
| Titlealign | align=center | 왼쪽 | 제목의 정렬. ( left , center , right ) |
| 쇼버너 | showBorder=false | 진실 | 카드 주위에 테두리를 표시합니다. ( true , false ) |
| 은신처 | hideTitle=true | 거짓 | 카드 제목을 표시하든 아니든. ( true , false ) |
| hidebg | hideBg=true | 거짓 | 사실이라면 배경을 투명하게 설정합니다. ( true , false ) |
| Borderradius | borderRadius=12.5 | 4.5 | 0과 50 사이의 숫자. |
| 글꼴 | fontFamily=consolas | Segoe UI | 제목의 글꼴 제품군. 지정된 패밀리가 존재하지 않으면 기본값이 사용됩니다. |
| 글꼴 크기 | fontSize=20 | 18 | 제목의 크기. 15에서 30 사이의 숫자를 허용합니다. |
| 폰트급 | fontWeight=normal | Semibold | 제목의 두께. ( thin , normal , semibold , bold ) |
| 너비 | width=500 | 495 | 카드의 너비. 유효한 번호를 허용합니다. |
| 갭 | gap=15 | 10 | 배지 사이의 간격. 0과 30 사이의 숫자를 허용합니다. |
| LineHeight | lineHeight=10 | 7 | 선 사이의 간격. 0과 30 사이의 숫자를 허용합니다. |
| 리네 카운트 | lineCount=2 | 1 | 카드에 추가하려는 줄의 수. |
| 리넨} | line1=html5,html5,auto | - | {n}은 숫자 인 배지의 현재 선입니다. (1 <= n <= lineCount) |
| BG | bg=%2383324c | - | 배경의 색상. |
| 국경 | border=%232da7c7 | - | 국경의 색. |
| 배지 | badge=%2383324c | - | 배지의 색상. |
| titlecolor | titleColor=%232da7c7 | - | 제목의 색상. |
이 카드에는 사용할 수있는 몇 가지 내장 테마가 제공됩니다. 여기를 클릭하여 모두 찾을 수 있습니다.
테마를 사용자 정의 할 수도 있습니다. 데모 웹 사이트를 사용하는 것이 더 쉽습니다.
# Clone the project:
git clone https://github.com/0l1v3rr/github-readme-tech-stack.git
cd github-readme-tech-stack
# Install the dependencies:
npm i
npm run prepare
# Running the application:
npm run dev
# Running the storybook:
npm run storybook 모든 기부금을 환영합니다.
여기에서 기고 가이드 라인을 찾을 수 있습니다.
이 프로젝트는 MIT 라이센스에 따라 릴리스됩니다.
