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 ) |
| TitLealIn | align=center | левый | Выравнивание названия. ( left , center , right ) |
| Showborder | showBorder=false | истинный | Показать границу вокруг карты или нет. ( true , false ) |
| hidetitle | hideTitle=true | ЛОЖЬ | Отобразить заголовок карты или нет. ( true , false ) |
| Hidebg | hideBg=true | ЛОЖЬ | Если это правда, устанавливает фон прозрачному. ( true , false ) |
| Borderradius | borderRadius=12.5 | 4.5 | Номер от 0 до 50. |
| Фонфимилия | fontFamily=consolas | Segoe UI | Семья шрифтов титула. Если указанная семья не существует, используется по умолчанию. |
| Fontsize | fontSize=20 | 18 | Размер заголовка. Принимает число от 15 до 30. |
| шрифт | fontWeight=normal | Семипод | Толщина заголовка. ( thin , normal , semibold , bold ) |
| ширина | width=500 | 495 | Ширина карты. Принимает действительный номер. |
| зазор | gap=15 | 10 | Разрыв между значками. Принимает число от 0 до 30. |
| Lineheight | lineHeight=10 | 7 | Разрыв между линиями. Принимает число от 0 до 30. |
| LineCount | lineCount=2 | 1 | Количество строк, которые вы хотите добавить в свою карту. |
| шерсть} | line1=html5,html5,auto | - | Текущая строка значка, где {n} - это число. (1 <= n <= lineCount) |
| б. | 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.
