Repolode
wei

wei/socialify

GitHubリポジトリ向けに、統計情報やロゴ、フォント、背景パターンを使った共有用プレビュー画像を生成します。

スター
2,222
フォーク
123
未解決の Issue
13
最終コミット
11 日前

これは何?

Socialifyは、READMEやSNS投稿、リポジトリのソーシャルプレビューに使えるGitHubリポジトリ用の画像を作成します。リポジトリを選び、説明、オーナー、言語、スター、フォーク、Issue、プルリクエストなどの表示を切り替えたうえで、カスタムロゴ、フォント、テーマ、背景パターンを使って見た目を調整できます。

生成した画像の使い方は2通りあります。ソーシャル画像エンドポイントは、カウントが自動的に更新されるライブ画像を返すため、READMEやimgタグに適しています。PNG、JPEG、WebP形式でダウンロードした画像は、GitHubのソーシャルプレビュー設定など、画像ファイルが必要な場所にアップロードできます。コミュニティ製CLIのgithub-social-imageを使えば、複数のリポジトリに一括で画像を反映できます。

SocialifyはMITライセンスのTypeScriptプロジェクトで、Dockerを使ったセルフホストにも対応しています。

主な機能

  • 01任意のGitHubリポジトリ向けにプロジェクト画像を生成
  • 02スター、フォーク、Issue、プルリクエストなどの統計情報をリアルタイムで表示
  • 03カスタムロゴ、複数のフォント、背景パターンに対応
  • 04ライトテーマとダークテーマを提供
  • 05画像をPNG、JPEG、WebP形式でエクスポート
  • 06Dockerを使ったセルフホストに対応

ユースケース

  • READMEにライブ更新されるバナーを追加する
  • GitHubリポジトリのソーシャルプレビュー画像をカスタマイズする
  • オープンソースプロジェクトを共有するためのブランド画像を作成する
  • 複数のリポジトリ向けのソーシャル画像を一括生成する

クイックスタート

  1. 1

    .env.example に記載されている環境変数を .env ファイルにコピーします

  2. 2

    docker-compose でアプリを起動します

    docker-compose up -d
  3. 3

    または、Docker イメージを直接ビルドして実行します

    docker build -t socialify . && docker run -p 3000:3000 --env-file .env socialify

使う前に知っておきたいこと

  • Socialify は現在活発に開発されており、デザインやプロジェクトのドメインは予告なく変更される場合があります。

収録されている特集

トピック

よくある質問

socialify とは?
GitHubリポジトリ向けに、統計情報やロゴ、フォント、背景パターンを使った共有用プレビュー画像を生成します。 Socialifyは、READMEやSNS投稿、リポジトリのソーシャルプレビューに使えるGitHubリポジトリ用の画像を作成します。リポジトリを選び、説明、オーナー、言語、スター、フォーク、Issue、プルリクエストなどの表示を切り替えたうえで、カスタムロゴ、フォント、テーマ、背景パターンを使って見た目を調整できます。
socialify は無料で使えますか?ライセンスは?
socialify は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
socialify は今もメンテナンスされていますか?
活発にメンテナンス中。socialify の最終コミットは 2026年10月28日 です。
socialify は何に使えますか?
READMEにライブ更新されるバナーを追加する GitHubリポジトリのソーシャルプレビュー画像をカスタマイズする オープンソースプロジェクトを共有するためのブランド画像を作成する 複数のリポジトリ向けのソーシャル画像を一括生成する
socialify のインストール方法は?
.env.example に記載されている環境変数を .env ファイルにコピーします docker-compose でアプリを起動します: docker-compose up -d または、Docker イメージを直接ビルドして実行します: docker build -t socialify . && docker run -p 3000:3000 --env-file .env socialify
socialify はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/wei/socialify

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト

Shields.ioは、READMEやWebページ向けの簡潔なSVG・ラスター形式のステータスバッジを生成するサービス兼NPMライブラリです。

2.7万+23 今週5630JavaScriptApache-2.0活発にメンテナンス更新 昨日