クイックプリセット
最も一般的なバッジのワンクリックプリセット:npmバージョン、build passing、coverage、MITライセンス、TypeScript、PRs welcome、ダウンロード、Node.js。各プリセットは適切なデフォルトとshields.ioロゴを使用します。
shields.io バッジを生成:npm、ビルド、カバレッジ、ライセンス、TypeScript など。ワンクリックコピー。
無料 Markdown バッジジェネレーターは、README用のshields.ioバッジMarkdownを作成します。クイックプリセット(npm、build、coverage、license、TypeScript)から選ぶか、ラベル、メッセージ、カラー、スタイル、ロゴ、リンクを指定した完全カスタムバッジを構築できます。
プライバシー: このツールはブラウザ内で完全に動作します。テキストはアップロード、記録、キャッシュされません。タブを閉じれば消えます。DevTools → Network で確認できます:リクエストはゼロです。
| 入力 | 出力 | 一般的なサイズ | 速度 | ログインの要否 |
|---|---|---|---|---|
| Preset selection or custom form | Badge Markdown lines | Any README | Real-time | No |
この無料ツールの詳細 — すべての機能は実際の問題を解決するために作られ、ブラウザ内で完結し、永久に無料です。
最も一般的なバッジのワンクリックプリセット:npmバージョン、build passing、coverage、MITライセンス、TypeScript、PRs welcome、ダウンロード、Node.js。各プリセットは適切なデフォルトとshields.ioロゴを使用します。
ラベル、メッセージ、カラー、スタイル(flat、flat-square、plastic、for-the-badge、social)、ロゴ(任意のSimple Icons名)、ロゴカラー、リンクURLを完全にコントロールできます。カスタムフォームは正しいURLエンコーディングでshields.ioバッジを生成します。
プレビューエリアですべてのバッジが画像としてレンダリングされます。画像はshields.ioから読み込まれるため、READMEに表示されるものと同じものが確認できます。
必要なだけバッジを追加できます。出力は1行に1バッジです。ブロック全体をREADMEの先頭に貼り付けてください。個々のバッジはワンクリックで削除できます。
READMEの残りを生成するには、無料 README ジェネレーターをご利用ください。
一般的なバッジにはプリセットをクリックするか、フォームでカスタムバッジを構築します。
ライブプレビューで各バッジがどのようにレンダリングされるか確認します。
Markdown行をコピーしてREADMEの先頭に貼り付けます。
Add professional-looking badges to your README in seconds.
Show npm version, build status, and coverage at a glance.
Skip the shields.io URL builder and get badge Markdown instantly.
Standardize badge sets across all team repositories.
Embed status badges in documentation for quick project health checks.
はい。永久無料、アカウント不要です。
Shields.io。バッジはGitHub、GitLab、Bitbucket、npm、およびMarkdown画像が機能するあらゆる場所でレンダリングされます。
はい。カスタムフォームでラベル、メッセージ、カラー、5つのスタイル、ロゴ、ロゴカラー、リンクを設定できます。
npmバージョン、build passing、coverage、MITライセンス、TypeScript、PRs welcome、ダウンロード、Node.js。
いいえ。バッジMarkdownはクライアントサイドで生成されます。プレビュー画像はshields.ioから取得されます。