Accès rapide depuis GitHub
Installez l’extension Chrome pour ouvrir GitHubCard directement depuis une page de dépôt.
Installer l’extension ChromeAtelier de cartes de dépôt
Générateur de cartes de dépôt GitHub
Créez des cartes avec Star History, langages, contributeurs et activité. Modifiez une URL GitHub, puis exportez en SVG, PNG ou intégration actualisée.
02Espace de création
Rendez votre dépôt plus facile à comprendre.
Une carte de dépôt présente le projet, son intérêt et son activité en un coup d’œil.
Informations de dépôt à afficher
- Stars, forks, abonnés, issues et pull requests
- Langages, sujets, licence et liens
- Avatars des contributeurs et propriétaire du dépôt
- Star History, activité des commits et fréquence des modifications
- Texte personnalisé pour les notes de version ou la présentation du projet
Espace de création
Éditeur visuel
Disposez les widgets du dépôt pour présenter un résumé clair du projet sur une seule carte.
Données du dépôt
Plus de 10 widgets de données
Affichez stars, commits, langages, contributeurs, sujets, licence et autres informations utiles.
Intégrations
SVG, PNG, iframe
Utilisez la même carte dans vos README, docs, articles, portfolios et tableaux de bord internes.
03Export et intégration
Intégrez vos cartes de dépôt partout.
Utilisez un SVG dans Markdown, un iframe actualisé dans vos docs ou un composant React dans un portfolio.
Intégration dans un README Markdown
Ajoutez une carte SVG nette dans vos README, documentations et sites statiques.
Aperçu pour portfolio et blog
Exportez un PNG fixe pour les galeries de projets, lancements, aperçus sociaux et portfolios.
Intégration iframe
Gardez une carte de projet actualisée dans vos docs, articles ou tableaux de bord grâce à un iframe.
<iframe
src="https://githubcard.com/facebook/react"
title="React GitHub repo card"
loading="lazy"
></iframe>Composant React
Placez le SVG dans un petit composant pour contrôler sa taille dans une galerie ou un portfolio.
function RepoCard() {
return (
<img
src="https://githubcard.com/facebook/react.svg"
alt="React GitHub repo card"
loading="lazy"
/>
);
}04Exemples
Commencez par une vraie carte de dépôt.
Ouvrez une carte de projet public, puis saisissez votre propriétaire/dépôt pour créer une carte avec ses données actuelles.
Voir de vraies cartes de dépôt
Ces exemples montrent le rendu des informations du projet, de son activité et de son propriétaire.
05Fonctionnement
De l’URL GitHub à l’intégration en trois étapes.
Étape 01
Ajouter card dans l’URL
Ajoutez card après github dans l’URL d’un dépôt public, ou saisissez propriétaire/dépôt.
Étape 02
Choisir les informations du projet
Sélectionnez les données qui expliquent l’activité, la progression, les langages, la propriété et l’état du projet.
Étape 03
Intégrer la carte
Exportez en SVG ou PNG, ou intégrez une carte actualisée dans une documentation, un portfolio ou un article.
06Questions fréquentes
Questions sur les cartes de dépôt
Qu’est-ce qu’un générateur de cartes de dépôt GitHub ?
Il crée une carte visuelle d’un dépôt public : nom, description, stars, forks, langages, contributeurs, activité et autres informations.
Puis-je intégrer une carte de dépôt sur un site ou dans un README ?
Oui. Exportez-la en SVG ou PNG pour un README, une documentation, un site, un article de lancement ou un portfolio.
Quelles données de dépôt GitHubCard peut-il afficher ?
Les cartes affichent stars, forks, abonnés, langages, sujets, licence, contributeurs, Star History, commits hebdomadaires et fréquence des modifications.
Les cartes fonctionnent-elles avec tous les dépôts publics ?
GitHubCard prend en charge les dépôts publics, pas les dépôts privés. La connexion GitHub peut augmenter les limites de requêtes API.
À vous de jouer
Créez une carte de dépôt à intégrer où vous voulez.
Saisissez propriétaire/dépôt ou une URL GitHub pour ouvrir l’éditeur avec les données actuelles du projet.