🛡️ Badge 徽章生成器
本地预览静态徽章并复制 Shields-compatible URL、Markdown、HTML 与 SVG
本地预览和 SVG 下载完全在浏览器内生成;Markdown / HTML / URL 输出会生成 Shields-compatible 片段,方便直接贴进 README。
字段
V1 本地预览会把 logo 名称渲染成缩写标记;复制出的 Shields-compatible URL 会保留完整 logo 参数。
高级参数
编码提示:空格会转成 `_`,原始下划线会转成 `__`,原始连字符会转成 `--`。Link 参数只对部分嵌入方式有效,普通 Markdown / img 通常不支持分区点击。
实时预览
输出代码
Badge URL
Markdown
HTML img
HTML object
Raw SVG
使用提示与限制
这版优先解决“静态 badge 够快、够直观、够好复制”。Dynamic / endpoint badge 不在 V1 范围内。
本地预览不会请求外部服务;如果你把兼容片段贴进 README,最终展示仍由 Shields 服务端输出。
Logo 名称建议沿用 Shields / Simple Icons 的 slug。V1 没有内建图标搜索面板,因此更适合已经知道 logo 名称的场景。
在线 Shield Badge 生成器,可在浏览器本地实时预览静态徽章并导出 SVG。支持模板预设、颜色和样式切换、Shields-compatible URL、Markdown / HTML 片段复制以及分享链接恢复。预览和 SVG 下载都在本地完成,不上传任何 README 文案或配置。