UtilitySansar
모든 도구
카테고리
DeveloperMathTextDesignEncodingSecurityMarketingDataFinanceCloud
Developer

README Badge Generator

Generate shields.io badges for your README without remembering the URL format. Pick a preset — npm version, Docker pulls, GitHub Actions, license, coverage, or a custom static label — and copy ready-to-paste Markdown, HTML, or just the image URL.

도구 요약

이 도구는 구조화된 입력을 받아 서버 업로드 없이 브라우저에서 결정적인 출력을 반환합니다.

도구 이름
README Badge Generator
입력 의도
변환·검증·분석할 원본 콘텐츠를 제공하세요.
출력 의도
복사, 재사용 또는 디버깅에 적합한 정규화된 출력을 받습니다.
예시 입력
Preset: npm-version, package: react, style: flat-square
예시 출력
![react version](https://img.shields.io/npm/v/react?style=flat-square&logo=npm)
Live previewbuild status
Markdown
![build status](https://img.shields.io/badge/build-passing-brightgreen)
HTML
<img src="https://img.shields.io/badge/build-passing-brightgreen" alt="build status" />
Image URL
https://img.shields.io/badge/build-passing-brightgreen

도구 소개

Generate shields.io badges for your README without remembering the URL format. Pick a preset — npm version, Docker pulls, GitHub Actions, license, coverage, or a custom static label — and copy ready-to-paste Markdown, HTML, or just the image URL.

도구 개요

Shields.io is the de-facto badge service for open source READMEs, but its URL grammar is easy to forget and tedious to type. This tool wraps the most-used badge types in a friendly form, validates a live preview, and emits Markdown/HTML/URL output you can drop into any README, doc site, or PR template. Badges still render through shields.io, so they update automatically as your project changes.

사용 사례

  • Add a build-status badge to a GitHub README
  • Show npm version and weekly downloads on a package page
  • Display Codecov coverage in a PR template
  • Generate a custom "made with love" badge for a portfolio

입력/출력 예시

Live npm version badge with the npm logo and a flat-square style.
입력 의도
Preset: npm-version, package: react, style: flat-square
출력 의도
![react version](https://img.shields.io/npm/v/react?style=flat-square&logo=npm)

자주 묻는 질문

Does the badge auto-update?+
Yes. Shields.io re-fetches the underlying source (npm registry, GitHub API, Docker Hub, etc.) at request time, so the badge stays current.
Can I use a custom logo?+
Yes. Any simple-icons slug works — type `github`, `docker`, `npm`, `python`, `rust`, etc. into the logo field.
What color values are supported?+
Named colors (brightgreen, blue, red, lightgrey, orange, yellow) and hex codes (with or without the leading #) both work.
Is my form data uploaded?+
No. URLs are built entirely in your browser. Only the final badge image request goes to shields.io when the preview renders.

Share this tool

다른 도구 보기

아래의 Developer 카테고리에서 관련 유틸리티를 찾아보세요.

전체 Developer 보기

관련 도구

유용할 수 있는 엄선된 유틸리티