Latar ProReact
facebook/react
01Bengkel kartu GitHub
Pembuat README profil GitHub
GitHubCard adalah pembuat README profil GitHub dengan seret dan lepas. Gabungkan statistik, proyek, dan aktivitas dalam satu kartu.
dirender dari data GitHub terkiniekspor → SVG / PNG · 1200 × 630
02Masalahnya
Ganti beberapa sematan README dengan satu tautan GitHubCard.
README yang ditulis manual dapat memerlukan enam sematan, lima layanan, dan puluhan parameter URL untuk statistik, bahasa, kontribusi, aktivitas, serta keterampilan. GitHubCard menampilkan data terkini yang sama dalam satu desain. README Anda hanya perlu satu tautan.
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
Pilihan komponen untuk kartu Anda.
Statistik GitHub, peta kontribusi, commit beruntun, bahasa, teknologi, repositori teratas, dan Star History. Pilih komponen, letakkan di kanvas, lalu terapkan satu tema.
8 dari 20+ widget · arahkan kursor untuk menjeda
Diagram donat bahasa
Batang peringkat bahasa
Statistik profil
Statistik kontribusi beruntun
Peta panas kontribusi
Tren star
Commit repositori
Frekuensi kode repositori
Diagram donat bahasa
Batang peringkat bahasa
Statistik profil
Statistik kontribusi beruntun
Peta panas kontribusi
Tren star
Commit repositori
Frekuensi kode repositori
04Cara kerja
Tiga langkah, tanpa penyiapan.
Alur yang sama seperti di editor: pilih kartu, desain, lalu terbitkan.
05Kartu nyata
Repositori nyata, satu sistem kartu.
Kartu GitHubCard dari repositori publik nyata, diperbarui setiap hari. Tiga di antaranya memakai latar Pro.
Latar ProBuka
Vite
vitejs/vite
Latar Proshadcn/ui
shadcn-ui/ui
Supabase
supabase/supabase
Ollama
ollama/ollama
Latar Prouv
astral-sh/uv
Contoh penggunaan →chris-grieser.decodes.oeiuwq.comwilliams.science/resourceshalaman dengan GitHubCard yang diperiksa manual
Buat kartu repositori06Bandingkan
Kanvas dibandingkan dengan alat khusus.
Bandingkan alur penyuntingan, hasil akhir, dan biaya pemeliharaan.
01Kesimpulan
Alur kerja
Di GitHubCard, semuanya dilakukan di satu kanvas, dari penyuntingan visual hingga kartu akhir.
- GitHubCard
- Tata letak, data, dan widget diatur dalam satu alur penyuntingan.
- Alat khusus
- Alat khusus memisahkan pengaturan di beberapa generator.
Editor visualSatu kanvasLebih sedikit perakitan
02Kesimpulan
Hasil
Hasilnya adalah satu kartu dengan gaya yang konsisten.
- GitHubCard
- Elemen profil, repositori, dan statistik memakai gaya visual yang sama.
- Alat khusus
- Alat lain biasanya mengekspor kartu, grafik, atau URL secara terpisah.
Gaya seragamKomposisi akhirSiap diekspor
03Kesimpulan
Pemeliharaan
Lebih sedikit ketergantungan berarti lebih sedikit token, tugas terjadwal, dan pembaruan manual.
- GitHubCard
- Kartu diperbarui dari data GitHub, dengan perilaku cache yang dapat diperkirakan.
- Alat khusus
- Keandalan sering bergantung pada hosting, tugas terjadwal, atau batas API.
Lebih sedikit penyiapanPembaruan otomatisBatas yang jelas
Perbandingan ini membahas kategori alat, bukan merek tertentu.
07Harga
Mulai gratis. Bayar sekali untuk Pro.
Desain dan pratinjau gratis. Pro Lifetime seharga US$19 sekali bayar mencakup latar dan font premium, ekspor tanpa tanda air dan resolusi 4×. Tanpa langganan.
Sekali bayar · Tanpa langganan · Garansi uang kembali 7 hari. Lihat harga lengkap
08Pertanyaan
Pertanyaan sebelum menerbitkan.
Apa itu GitHubCard?
GitHubCard adalah pembuat README profil GitHub visual. Susun data GitHub menjadi kartu profil dan repositori untuk README, portofolio, atau postingan media sosial.
Bagaimana cara menggunakan GitHubCard?
Ganti github.com dengan githubcard.com di URL profil atau repositori, misalnya githubcard.com/torvalds atau githubcard.com/facebook/react. Buka editor untuk menyesuaikan kartu.
Apakah saya perlu masuk?
Pratinjau kartu bawaan tanpa login. Masuk dengan GitHub untuk menyimpan, menerbitkan, memperbarui, atau menghapus desain khusus Anda.
Bagaimana cara menyematkan kartu di README?
Salin URL SVG (misalnya githubcard.com/username.svg), lalu tambahkan sebagai gambar di berkas Markdown. Kartu akan menampilkan data terkini dari GitHub.
Bagaimana cara membuat README profil GitHub?
Buat repositori dengan nama pengguna GitHub Anda, lalu tambahkan README.md. GitHub menampilkannya di profil jika repositori bersifat publik dan namanya benar.
Panduan README profil GitHubApakah kartu diperbarui otomatis?
Ya. Kartu menampilkan data terkini dari GitHub. Kami memakai cache untuk menjaga kinerja; perubahan mungkin perlu hingga satu jam untuk tampil.
Bisakah saya menyesuaikan kartu?
Ya. Seret lebih dari 20 widget data di editor, atur tata letaknya, lalu ekspor ke SVG atau PNG.
Apakah GitHubCard gratis?
Fitur utama gratis. Pro Lifetime seharga US$19 sekali bayar, tanpa langganan, menyediakan latar dan font premium, ekspor tanpa tanda air dan resolusi tinggi (4×).
Mulai kapan saja
Desain kartunya. Sesuaikan dengan diri Anda.
Buka kanvas, tambahkan data GitHub, dan buat kartu untuk README atau situs Anda.