🛡️ 徽章生成器（Shields 风格）Badge Generator (Shields Style)

使用说明与常见问题How-to & FAQ

「徽章生成器（Shields 风格）」是什么？What is the Badge Generator (Shields Style) tool?

生成 GitHub README 常见的 Shields 风格 SVG 徽章：自定义左右文字和颜色，支持 flat、flat-square、plastic、for-the-badge 四种样式，可复制 SVG 代码或下载文件。Create Shields-style SVG badges like the ones in GitHub READMEs: set the label, message and colours, choose flat, flat-square, plastic or for-the-badge, then copy the SVG or download it.

如何使用「徽章生成器（Shields 风格）」？How do I use the Badge Generator (Shields Style)?

填写左侧标签（如 build）和右侧内容（如 passing），选择颜色和样式，预览会实时更新。点「下载 SVG」保存文件，放进仓库后在 README 中用  引用。Enter the label (e.g. build) and the message (e.g. passing), pick colours and a style, and the preview updates live. Click Download SVG, put the file in your repo and reference it in the README with .

生成的徽章和 shields.io 有什么不同？How is this different from shields.io?

这里生成的是静态 SVG 文件，样式和 shields.io 相同，但不依赖第三方服务，打开 README 时也不会请求外部网址；缺点是内容不会自动更新（例如构建状态）。This makes a static SVG in the same style, with no third-party service and no external request when the README loads; the trade-off is it does not update automatically (e.g. build status).

颜色可以填什么？What colour values can I use?

可以填十六进制颜色（#4c1、#007ec6），也可以用 brightgreen、green、yellow、orange、red、blue、grey、lightgrey 这些常用名称。Hex colours (#4c1, #007ec6) or the common names brightgreen, green, yellow, orange, red, blue, grey and lightgrey.

「徽章生成器（Shields 风格）」免费吗？数据会上传吗？Is the Badge Generator (Shields Style) free? Is my data uploaded?

「徽章生成器（Shields 风格）」完全免费，无需注册或安装，手机和电脑都能用；所有处理都在你的浏览器本地完成，输入的内容和文件不会上传到服务器。The Badge Generator (Shields Style) is completely free with no sign-up or install and works on phones and desktops; everything runs locally in your browser and nothing you enter is uploaded.