a11y.skipToMainContent
1

GitHub READMEバッジメーカー

GitHub README 用の Shields.io スタイルの SVG バッジを生成します。 ラベル、値、色、および4つのスタイルの1つを選ぶ(フラット、フラット、フラットスクエア、バッジ、プラスチック)。 ライブプレビュー、SVG / Markdownスニペットをコピーするか、SVGをダウンロードします.

Markdown / HTML snippet
Was this tool helpful?
Send output to:
Advertisement

How to use GitHub Badge Maker

  1. 左ラベルと右値を入力します.
  2. 色とスタイルを選ぶ.
  3. SVG をコピーし、Markdown のスニペットをコピーするか、.svg ファイルをダウンロードします.

GitHub バッジメーカーとは?

サードパーティサービス URL に依存せず、ワンオフカスタムバッジが必要な場合に便利です。(ページを破棄したり、README の loader を漏洩したりすることができます)。 Badge は、README.

と一緒にコミットする小さなスタンドアローン SVG として、ブラウザで完全に生成されます
Advertisement

FAQ

Shields.ioとの違いは?
Shields.ioはバッジをホストしています。サービスがダウンまたは遅くなれば、READMEは壊れています。 このツールは、コミットするローカルSVGファイル、外部の依存関係を放出しません.
GitHub以外のプラットフォームでバッジを使うことはできますか?
はい、SVG対応のSVGバッジは、お使いのブラウザで完全に生成されます.
バッジイメージをホストする必要がありますか?
いいえ、SVGコードを直接コピーします。バッジは外部のホスティングなしでローカルに作成されます.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 GitHub Badge Maker on Wikipedia·Developer Tools on Wikipedia·GitHub Badge Maker on Britannica

People also use

← Back to Developer Tools · All tags
Advertisement