首页 > 工具箱 > 徽章生成器

徽章生成器

README 顶部那一排 build passinglicense MIT 的小标签。这里直接生成 SVG 源码,可以存进仓库自己托管,不必每次都去请求 shields.io——内网项目、离线文档尤其需要。


常见样例(点一下套用)

用法与说明

  • 存进仓库比外链更稳。把生成的 SVG 放到仓库里(比如 docs/badge-build.svg),README 里用相对路径引用,就不会因为 shields.io 挂了或内网访问不到而裂图。
  • 宽度是量出来的。徽章的文字宽度必须提前算好写进 SVG,这里用 canvas 按 11px Verdana 量,和 shields.io 的口径一致。中文字符会宽不少,所以中文徽章看起来会比英文的长。
  • Markdown 里带链接的写法[![alt](徽章地址)](跳转地址),外层那个方括号才是链接。
  • for-the-badge 会强制大写并加大字距,这是它的设计如此,不是 bug。
  • 相关:二维码生成条形码生成代码转图片Markdown 预览