快速预设
一键预设最常用的徽章:npm 版本、构建通过、覆盖率、MIT 许可证、TypeScript、欢迎 PR、下载量和 Node.js。每个预设都使用合理的默认值和匹配的 shields.io 图标。
生成 shields.io 徽章:npm、构建、覆盖率、许可证、TypeScript 等。一键复制。
免费 Markdown 徽章生成器为 README 创建 shields.io 徽章 Markdown。可从快速预设(npm、构建、覆盖率、许可证、TypeScript)中选择,或通过自定义表单构建带标签、消息、颜色、样式、图标和链接的完全自定义徽章。
隐私: 此工具完全在您的浏览器中运行。您的文本不会被上传、记录或缓存。关闭标签页即消失。可在开发者工具 → 网络中验证:零请求发出。
| 输入 | 输出 | 典型大小 | 速度 | 需要登录 |
|---|---|---|---|---|
| Preset selection or custom form | Badge Markdown lines | Any README | Real-time | No |
以下是此免费工具的详细功能 — 每项功能都旨在解决实际问题,完全在浏览器中运行,永久免费。
一键预设最常用的徽章:npm 版本、构建通过、覆盖率、MIT 许可证、TypeScript、欢迎 PR、下载量和 Node.js。每个预设都使用合理的默认值和匹配的 shields.io 图标。
完全控制标签、消息、颜色、样式(flat、flat-square、plastic、for-the-badge、social)、图标(任何 Simple Icons 名称)、图标颜色和链接 URL。自定义表单生成带有正确 URL 编码的 shields.io 徽章。
在预览区域可以看到每个徽章渲染为图片的效果。图片从 shields.io 加载,展示的是 README 中的实际显示效果。
可按需添加任意数量的徽章。输出为每行一个徽章——将整块粘贴到 README 顶部即可。可一键删除单个徽章。
如需生成 README 的其余部分,使用 免费 README 生成器。
点击预设快速添加常用徽章,或使用表单构建自定义徽章。
查看实时预览,确认每个徽章的渲染效果。
复制 Markdown 代码并粘贴到 README 顶部。
Add professional-looking badges to your README in seconds.
Show npm version, build status, and coverage at a glance.
Skip the shields.io URL builder and get badge Markdown instantly.
Standardize badge sets across all team repositories.
Embed status badges in documentation for quick project health checks.
是的。永久免费,无需注册。
Shields.io。徽章可在 GitHub、GitLab、Bitbucket、npm 以及任何支持 Markdown 图片的平台上渲染。
可以。自定义表单支持标签、消息、颜色、5 种样式、图标、图标颜色和链接。
npm 版本、构建通过、覆盖率、MIT 许可证、TypeScript、欢迎 PR、下载量和 Node.js。
不会。徽章 Markdown 在客户端生成。预览图片从 shields.io 获取。