和 shields.io 一样吗？

样式是近似复刻，不是像素级还原，文本宽度用 canvas 估算可能差几像素。好处是全程本地生成，不请求 shields.io。

复制的 Markdown 为什么很长？

给的是内联 data URI，不用另外托管文件。缺点是链接长，且 GitHub 的 Markdown 有时不渲染 SVG 的 data URI，那种情况下载 SVG 传成静态文件再引用。

不能。这是静态徽章生成器，动态数据需要 shields.io 或你自己的后端。

安全。颜色输入做了白名单校验（只允许 #hex / rgb() / CSS 颜色名），预览用 img 渲染不执行脚本，不会因为奇怪的输入而注入。

生成 shields.io 风格的小徽章（左标签 + 右信息的双色 SVG），常贴在 README、文档里，如 build | passing、version | 1.2.0、license | MIT。全程本地生成，不依赖 shields.io。

左侧 / 右侧文本、左侧 / 右侧颜色（#hex / rgb() / CSS 颜色名；不合法会退回默认）。
右侧颜色预设：brightgreen / green / yellow / orange / red / blue / lightgrey / grey（shields.io 常用色）。
文字颜色：自动（按背景亮度选黑 / 白）/ 强制白 / 强制黑。
样式：flat / flat-square / plastic / for-the-badge（近似，不是像素级还原）。
Logo：填 emoji 或很短的文本（不支持 SimpleIcons 图标名）。
字号比例：70%–140%。

下载 SVG / 下载 PNG(@2x)（SVG 画到 2 倍 canvas 再导出）。
复制 SVG 源码。
复制 Markdown / HTML：给的是内联 data URI（![](data:image/svg+xml,...)），可直接贴进 README，不用另外托管文件；缺点是链接较长、GitHub 的 Markdown 里内联 SVG 的 data URI 有时不渲染——那种情况请下载 SVG 传成静态文件再引用。

是静态徽章生成器，不做实时数据徽章。