UtilitySansar
Tất cả công cụ
Danh mục
Lập trình viênToánVăn bảnThiết kếMã hóaBảo mậtTiếp thịDữ liệuTài chínhĐám mây
Lập trình viên

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.

Tóm tắt công cụ

Công cụ này nhận đầu vào có cấu trúc và trả về đầu ra xác định ngay trong trình duyệt, không tải lên máy chủ.

Tên công cụ
README Badge Generator
Mục đích đầu vào
Cung cấp nội dung nguồn để biến đổi, xác thực hoặc phân tích.
Mục đích đầu ra
Nhận đầu ra chuẩn hóa thuận tiện để sao chép, tái sử dụng hoặc gỡ lỗi.
Đầu vào ví dụ
Preset: npm-version, package: react, style: flat-square
Đầu ra ví dụ
![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

Giới thiệu công cụ

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.

Tổng quan công cụ

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.

Trường hợp sử dụng

  • 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

Ví dụ đầu vào/đầu ra

Live npm version badge with the npm logo and a flat-square style.
Mục đích đầu vào
Preset: npm-version, package: react, style: flat-square
Mục đích đầu ra
![react version](https://img.shields.io/npm/v/react?style=flat-square&logo=npm)

Câu hỏi thường gặp

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

Khám phá thêm công cụ

Khám phá các tiện ích liên quan trong danh mục Lập trình viên bên dưới.

Xem tất cả Lập trình viên

Công cụ liên quan

Tiện ích được tuyển chọn có thể hữu ích cho bạn