Sfondo ProReact
facebook/react
01Il laboratorio di schede GitHub
Generatore di README per profili GitHub
GitHubCard è un generatore di README per profili GitHub con trascinamento. Riunisci statistiche, progetti e attività in una scheda.
generato dai dati aggiornati di GitHubesporta → SVG / PNG · 1200 × 630
02Il problema
Sostituisci più incorporamenti README con un link GitHubCard.
In un README scritto a mano, statistiche, linguaggi, serie, contributi, attività e competenze possono richiedere sei incorporamenti, cinque servizi e decine di parametri URL. GitHubCard riunisce gli stessi dati aggiornati in un design. Al tuo README basta un link.
README.md
@@ -1,29 +1,6 @@# Hi, I'm Alex 👋Full-stack developer building useful products.<!-- Profile and repository stats --><!-- Top languages --><a href="https://github.com/you?tab=repositories"><img height="165" src="https://github-readme-stats.vercel.app/api/top-langs?username=you&layout=compact&theme=tokyonight" alt="Top languages" /></a><!-- Commit streak --><p align="center"><img width="48%" src="https://streak-stats.demolab.com?user=you&theme=tokyonight&hide_border=true" alt="Commit streak" /></p><!-- Contribution heatmap (light / dark) --><picture><source media="(prefers-color-scheme: dark)" srcset="https://ghchart.rshah.org/2f81f7/you" /><img src="https://ghchart.rshah.org/40c463/you" alt="Contribution heatmap" /></picture><!-- Activity graph -->[](https://github.com/you)<!-- Tech skills -->## Featured projects
# Hi, I'm Alex 👋Full-stack developer building useful products.## Featured projects
03Widget
Una scelta di componenti.
Statistiche GitHub, mappe dei contributi, serie di commit, linguaggi, tecnologie, repository principali e Star History. Scegli i componenti, posizionali e applica un tema comune.
8 widget su oltre 20 · passa il mouse per mettere in pausa
Linguaggi ad anello
Classifica dei linguaggi a barre
Statistiche profilo
Statistiche dei contributi consecutivi
Mappa di calore dei contributi
Tendenze delle star
Commit del repository
Frequenza del codice del repository
Linguaggi ad anello
Classifica dei linguaggi a barre
Statistiche profilo
Statistiche dei contributi consecutivi
Mappa di calore dei contributi
Tendenze delle star
Commit del repository
Frequenza del codice del repository
04Come funziona
Tre passaggi, senza configurazione.
Lo stesso percorso dell’editor: scegli una scheda, creala e pubblicala.
05Schede reali
Repository reali, un sistema di schede.
Schede reali di repository pubblici, aggiornate ogni giorno. Tre usano uno sfondo Pro.
Sfondo ProApri
Vite
vitejs/vite
Sfondo Proshadcn/ui
shadcn-ui/ui
Supabase
supabase/supabase
Ollama
ollama/ollama
Sfondo Prouv
astral-sh/uv
In uso →chris-grieser.decodes.oeiuwq.comwilliams.science/resourcespagine con GitHubCard verificate a mano
Crea una scheda repository06Confronta
Un’area di lavoro e gli strumenti dedicati.
Confronta il percorso di modifica, il risultato e la manutenzione richiesta.
01In sintesi
Flusso di lavoro
Con GitHubCard tutto avviene in un’area di lavoro, dalla modifica visiva alla scheda finale.
- GitHubCard
- Layout, dati e widget si regolano nello stesso percorso di modifica.
- Strumenti dedicati
- Gli strumenti dedicati distribuiscono le impostazioni fra più generatori.
Editor visivoUn’area di lavoroMeno assemblaggio
02In sintesi
Risultato
Il risultato è una scheda con uno stile coerente.
- GitHubCard
- Gli elementi di profilo, repository e statistiche condividono lo stesso stile visivo.
- Strumenti dedicati
- Gli altri strumenti di solito esportano schede, grafici o URL separati.
Stile uniformeComposizione finalePronta da esportare
03In sintesi
Manutenzione
Meno dipendenze significano meno token, attività pianificate e aggiornamenti manuali.
- GitHubCard
- Le schede si aggiornano con i dati GitHub e un comportamento della cache prevedibile.
- Strumenti dedicati
- L’affidabilità dipende spesso da hosting, attività pianificate o limiti delle API.
Meno configurazioneAggiornamento automaticoLimiti chiari
Il confronto riguarda categorie di strumenti, non singoli marchi.
07Prezzi
Inizia gratis. Paga una volta per Pro.
Crea e visualizza gratis. Pro Lifetime costa 19 USD una sola volta e include sfondi e font premium, esportazioni senza filigrana e in 4×. Nessun abbonamento.
Pagamento unico · Nessun abbonamento · Rimborso entro 7 giorni. Vedi tutti i prezzi
08Domande
Domande prima di pubblicare.
Cos’è GitHubCard?
GitHubCard è un generatore visivo di README per profili GitHub. Organizza i dati in schede di profilo e repository da usare in un README, un portfolio o un post social.
Come uso GitHubCard?
Sostituisci github.com con githubcard.com nell’URL di un profilo o repository, come githubcard.com/torvalds o githubcard.com/facebook/react. Apri l’editor per personalizzare la scheda.
Devo accedere?
Visualizza le schede predefinite senza accesso. Accedi con GitHub per salvare, pubblicare, aggiornare o eliminare i tuoi design personalizzati.
Come incorporo una scheda nel README?
Copia l’URL SVG (per esempio githubcard.com/username.svg) e aggiungilo come immagine nel file Markdown. La scheda mostrerà i dati aggiornati di GitHub.
Come creo un README per il profilo GitHub?
Crea un repository con lo stesso nome del tuo utente GitHub e aggiungi un file README.md. GitHub lo mostra sul profilo se il repository è pubblico e ha il nome corretto.
Guida al README del profilo GitHubLe schede si aggiornano automaticamente?
Sì. Le schede mostrano dati aggiornati di GitHub. Usiamo una cache per migliorare le prestazioni; le modifiche possono richiedere fino a un’ora per apparire.
Posso personalizzare le mie schede?
Sì. Trascina oltre 20 widget di dati nell’editor, regola il layout ed esporta in SVG o PNG.
GitHubCard è gratis?
Le funzioni principali sono gratuite. Pro Lifetime costa 19 USD una sola volta, senza abbonamento, per sfondi e font premium, esportazioni senza filigrana e ad alta risoluzione (4×).
Inizia quando vuoi
Crea la scheda. Falla tua.
Apri l’area di lavoro, aggiungi i dati GitHub e crea una scheda per il README o il sito.