Accesso rapido da GitHub
Installa l’estensione Chrome per aprire GitHubCard direttamente dalla pagina di un repository.
Installa l’estensione ChromeLaboratorio di schede repository
Generatore di schede repository GitHub
Crea schede con Star History, linguaggi, collaboratori e commit. Modifica un URL GitHub ed esporta SVG, PNG o una scheda incorporata aggiornata.
02Area di lavoro
Rendi il tuo repository più facile da capire.
Una scheda presenta il progetto, la sua utilità e il livello di attività a colpo d’occhio.
Informazioni del repository da mostrare
- Stelle, fork, osservatori, issue e pull request
- Linguaggi, argomenti, licenza e link
- Avatar dei collaboratori e proprietario del repository
- Star History, attività dei commit e frequenza delle modifiche
- Testo personalizzato per note di rilascio o presentazione del progetto
Area di lavoro
Editor visuale
Disponi i widget del repository per riassumere il progetto in una scheda chiara.
Dati del repository
Oltre 10 widget di dati
Mostra stelle, commit, linguaggi, collaboratori, argomenti, licenza e altri dati del progetto.
Incorporazioni
SVG, PNG, iframe
Usa la stessa scheda in README, documentazione, post, portfolio e dashboard interne.
03Esporta e incorpora
Incorpora le schede repository dove vuoi.
Usa SVG in Markdown, un iframe aggiornato nei documenti o un componente React nel portfolio.
Incorporazione in README Markdown
Aggiungi una scheda SVG nitida a README, documentazione e siti statici.
Anteprima per portfolio e blog
Esporta un PNG fisso per gallerie di progetti, lanci, anteprime social e portfolio.
Incorporazione con iframe
Usa un iframe per mantenere una scheda aggiornata nei documenti, nei post o nelle dashboard interne.
<iframe
src="https://githubcard.com/facebook/react"
title="React GitHub repo card"
loading="lazy"
></iframe>Componente React
Racchiudi l’SVG in un piccolo componente per controllare le dimensioni in gallerie e portfolio.
function RepoCard() {
return (
<img
src="https://githubcard.com/facebook/react.svg"
alt="React GitHub repo card"
loading="lazy"
/>
);
}04Esempi
Inizia da una vera scheda repository.
Apri una scheda pubblica e inserisci sopra il tuo proprietario/repository per crearne una con dati aggiornati.
Vedi schede repository reali
Guarda come appaiono i dati, l’attività e il proprietario del progetto nella scheda finita.
05Come funziona
Dall’URL GitHub all’incorporazione in tre passi.
Passo 01
Aggiungi card all’URL
Aggiungi card dopo github nell’URL di un repository pubblico o inserisci proprietario/repository.
Passo 02
Scegli i dati del progetto
Seleziona informazioni su attività, crescita, linguaggi, proprietà e stato del progetto.
Passo 03
Incorpora la scheda
Esporta SVG o PNG, oppure incorpora una scheda aggiornata in documentazione, portfolio o post.
06Domande frequenti
Domande sulle schede repository
Cos’è un generatore di schede repository GitHub?
Crea una scheda visuale di un repository pubblico con nome, descrizione, stelle, fork, linguaggi, collaboratori, attività e altri dati.
Posso incorporare una scheda repository in un sito o README?
Sì. Esportala in SVG o PNG per usarla in README, documentazione, siti, post di lancio o portfolio.
Quali dati del repository mostra GitHubCard?
Le schede mostrano stelle, fork, osservatori, linguaggi, argomenti, licenza, collaboratori, Star History, commit settimanali e frequenza delle modifiche.
Le schede funzionano con i repository pubblici?
GitHubCard supporta i repository pubblici, non quelli privati. L’accesso GitHub può aumentare il limite di richieste API.
Inizia quando vuoi
Crea una scheda repository da incorporare dove vuoi.
Inserisci proprietario/repository o l’URL GitHub per aprire l’editor con i dati aggiornati del progetto.