GitHub プロフィール README の作例とテンプレート
GitHubCard で作ったカード、対応するテンプレート、README に貼れる Markdown を紹介します。
開発者の実際のプロフィールカード。
以下は最新 GitHub データで書き出したカードです。無料の書き出しには小さな githubcard.com の透かしが付きます。
テンプレートから始めよう。
プロフィールエディターでこれらのテンプレートを選び、ウィジェットを並べ替えられます。
Minimal
無料プラン統計を中心に、言語と連続コントリビューション記録を表示
800×400
Compact
無料プラン統計と言語をまとめた縦積みレイアウト
600×300
Detailed
無料プラン言語と主なリポジトリをまとめた全体表示
1200×900
OG Standard
無料プランOpen Graph 標準画像（1200×630、1.91:1）
1200×630
Wide Banner
無料プラン言語チャート付きの横長レイアウト
1400×500
Comprehensive
無料プラン統計、ヒートマップ、主なリポジトリをまとめて表示
1000×1000
Language Focus
無料プランプログラミング言語を表示
900×600
Activity Tracker
無料プランコントリビューションのヒートマップ、統計、活動グラフ
1100×600
GitHub Banner
無料プランGitHub 風バナー（比率 3.5:1）
700×200
GitHub Compact
無料プランコンパクトな GitHub プロフィール（比率 1.7:1）
340×200
HD Desktop
無料プランフル HD デスクトップ壁紙（16:9）
1920×1080
Standard HD
無料プラン標準 HD フォーマット（16:9）
1280×720
Large Square
無料プランSNS 向けの大きな正方形フォーマット
1080×1080
Universal Portrait
無料プラン両方のエディターで使える縦長 2:3 レイアウト
800×1200
Terminal Session
無料プランGitHub Dark のグラデーションにハッカーグリーンの等幅文字を配置
1200×630
Neon Cyberpunk
無料プラン黒に近い背景にマゼンタとエレクトリックブルーの光（1080×1080、正方形）
1080×1080
Neo-Brutalist
無料プランクリーム色の背景に力強い黒文字と鮮やかなオレンジのアクセント
1200×630
Blueprint Schematic
無料プラン製図グリッドにシアンの技術線を配置（1200×900）
1200×900
Git Diff
無料プランGitHub Dark を背景に、追加の緑と削除の赤を配置
1200×630
Holographic
無料プランダークテーマと対照的な、虹色のパステルグラデーション
1200×630
Synthwave Sunset
無料プランREADME ヘッダー向けのレトロな縦方向の夕焼けグラデーション
1400×500
Matrix Rain
無料プラン真っ黒な背景に Matrix グリーンと、まばらに降るコードの模様
1200×630
Profile Instrument · Identity Ledger
無料プラン暖色の電子ペーパーに小さな文字で記す開発者プロフィール
1200×630
Profile Instrument · Impact Counter
無料プランオープンソースの広がりを示すオリーブ色の LCD 表示
1200×630
Profile Instrument · Activity Recorder
無料プラン52 週間の活動を記録した連続用紙風のコントリビューション履歴
1200×630
コードを README に貼ろう。
ユーザー名と同じ名前のリポジトリにある README.md に貼り付けてください。
Live profile card
最新 GitHub データの標準カードです。yourname を自分のユーザー名に置き換えてください。
Centered with a fixed width
GitHub README は簡単な HTML に対応しており、カードを中央に配置できます。
<p align="center">
<img src="https://githubcard.com/yourname.svg" width="600" alt="GitHub profile card" />
</p>Card that links to your designer page
画像にリンクを付けると、閲覧者がカード全体を開けます。
[](https://githubcard.com/yourname/card)README テンプレートの質問
GitHub プロフィール README のテンプレートはどう使いますか？
ユーザー名を入力してエディターを開き、テンプレートを選びます。最新データが入り、書き出す前にウィジェットの位置やスタイルを変更できます。
README のコードはどこに貼りますか？
ユーザー名と同じ名前の公開リポジトリを作成し、README.md を追加して、カードを表示したい場所に Markdown の画像コードを貼ります。
テンプレートは無料ですか？
各テンプレートには無料または Pro の表示があります。無料の書き出しには小さな githubcard.com の透かしが付きます。Pro Lifetime は 19 米ドルの買い切りで、透かしの削除、プレミアム背景とフォントが使えます。