Создаёт изображения для соцсетей и превью GitHub-репозиториев с актуальной статистикой, логотипами, шрифтами и фоновыми узорами.
badges/shields
Shields.io — сервис и NPM-библиотека для создания компактных SVG- и растровых статусных бейджей для README-файлов и веб-страниц.
- Звёзды
- 27,368
- Форки
- 5,629
- Открытые issues
- 295
- Последний коммит
- 15 часов назад
Что это?
Shields.io создает единообразные и хорошо читаемые бейджи со статусами, версиями, числом загрузок, покрытием тестами и другими показателями. Чтобы создать бейдж, достаточно указать URL, связанный с источником данных — например, CI-сервисом, реестром пакетов, магазином приложений или инструментом анализа кода. Изображение можно встроить в README на GitHub или любую другую веб-страницу. Сервис поддерживает десятки CI-сервисов, реестров пакетов, дистрибутивов, социальных сетей и инструментов контроля качества кода.
В этом репозитории находятся фронтенд и серверный код Shields.io, NPM-библиотека badge-maker для программной генерации бейджей и спецификация их дизайна. Разработчики также могут создавать собственные бейджи с помощью статического URL, задающего название, текст и цвет, или развернуть сервер самостоятельно с опциональной интеграцией Sentry и Prometheus.
Проект поддерживается сообществом контрибьюторов и построен на Node.js; для сайта документации используется Docusaurus.
Ключевые возможности
- 01Создает SVG- и растровые бейджи по URL без необходимости регистрировать аккаунт
- 02Поддерживает множество CI-сервисов, реестров пакетов, магазинов приложений и инструментов анализа кода
- 03Предоставляет NPM-библиотеку badge-maker для генерации бейджей в коде
- 04Позволяет создавать статические бейджи с произвольными названиями и цветами
- 05Поддерживает самостоятельное развертывание с опциональной интеграцией Sentry и Prometheus
Сценарии использования
- Добавление бейджей сборки, покрытия тестами и версии в README на GitHub
- Отображение числа загрузок пакета или версии релиза на главной странице проекта
- Программная генерация бейджей с помощью badge-maker в скрипте сборки Node.js
- Развертывание закрытого сервера бейджей для внутренней организации
Быстрый старт
- 1
Установите Node 24 с помощью предпочитаемого менеджера пакетов
- 2
Клонируйте этот репозиторий
- 3
Установите зависимости
npm ci - 4
Запустите сервер значков и сервер разработки фронтенда, затем откройте http://localhost:3000/
npm start
Что важно знать
- Для настройки среды разработки необходимы Node 24 и полное клонирование репозитория.
Темы
Частые вопросы
- Что такое shields?
- Shields.io — сервис и NPM-библиотека для создания компактных SVG- и растровых статусных бейджей для README-файлов и веб-страниц. Shields.io создает единообразные и хорошо читаемые бейджи со статусами, версиями, числом загрузок, покрытием тестами и другими показателями. Чтобы создать бейдж, достаточно указать URL, связанный с источником данных — например, CI-сервисом, реестром пакетов, магазином приложений или инструментом анализа кода. Изображение можно встроить в README на GitHub или любую другую веб-страницу. Сервис поддерживает десятки CI-сервисов, реестров пакетов, дистрибутивов, социальных сетей и инструментов контроля качества кода.
- shields можно использовать бесплатно? Какая у него лицензия?
- shields распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- shields всё ещё поддерживается?
- Активно поддерживается. Последний коммит в shields — 7 нояб. 2026 г..
- Для чего можно использовать shields?
- Добавление бейджей сборки, покрытия тестами и версии в README на GitHub Отображение числа загрузок пакета или версии релиза на главной странице проекта Программная генерация бейджей с помощью badge-maker в скрипте сборки Node.js Развертывание закрытого сервера бейджей для внутренней организации
- Как установить shields?
- Установите Node 24 с помощью предпочитаемого менеджера пакетов Клонируйте этот репозиторий Установите зависимости: npm ci Запустите сервер значков и сервер разработки фронтенда, затем откройте http://localhost:3000/: npm start
- Где скачать shields?
- Исходный код и инструкции по установке — на GitHub: https://github.com/badges/shields
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Бесплатный хостинговый сервис, который показывает число просмотров профиля GitHub в виде изображения для вставки в README профиля.
Справочник по синтаксису Markdown и файл для проверки отображения GitHub Flavored Markdown (GFM) в README, issues и вики.
Превращает график активности GitHub в анимированный GIF или WebP в стиле Galaga, который можно встроить в профиль.
GitHub Action, которая собирает статистику WakaTime и добавляет её в README профиля GitHub в виде текста или SVG-графиков.
Go CLI, который запускает любые линтеры и инструменты анализа кода и публикует их замечания в GitHub, GitLab или Bitbucket только для изменённых строк.