a11y.skipToMainContent
1

GitHub прочёл Badge Maker

Создайте значки SVG в стиле Shields.io для любого GitHub README. Выберите этикетку, значение, цвета и один из четырех стилей (плоский, плоский квадрат, значок, пластик). Живой предварительный просмотр, затем скопируйте фрагмент SVG / Markdown или загрузите SVG.

Markdown / HTML snippet
Was this tool helpful?
Send output to:
Advertisement

How to use GitHub Badge Maker

  1. Введите левую этикетку и правильное значение.
  2. Выберите цвета и стиль.
  3. Скопируйте SVG, скопируйте фрагмент Markdown или загрузите файл .svg.

Что такое имя?

Полезно, когда вам нужен одноразовый пользовательский значок, не зависящий от стороннего URL-адреса службы (который может сломать, замедлить вашу страницу или утечь загрузчик README). Значок генерируется полностью в вашем браузере как небольшой автономный SVG, который вы совершаете вместе с вашим README

Advertisement

FAQ

Чем это отличается от Shields.io?
Shields.io размещает значок — если их служба не работает или замедляется, ваш README выглядит сломанным. Этот инструмент испускает локальный файл SVG, который вы фиксируете, без внешней зависимости.
Могу ли я использовать значок на других платформах, кроме GitHub?
Да, значок SVG может использоваться в любом месте, где поддерживается SVG, и он полностью генерируется в вашем браузере.
Мне нужно разместить изображение значка?
Нет, копируйте код SVG напрямую; значок создается локально без какого-либо внешнего хостинга.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement