Ruang kartu repositori

Pembuat kartu repositori GitHub

Buat kartu dengan Star History, bahasa, kontributor, dan aktivitas commit. Ubah URL GitHub lalu ekspor SVG, PNG, atau penyematan terkini.

pemilik/repositori atau URL

Trik URL

Tambahkan “card” setelah “github” pada URL GitHub. Bagian lainnya tetap sama.

githubcard.com/facebook/reactgithub.com/facebook/react menjadi githubcard.com/facebook/react.

02Area desain

Buat repositori Anda lebih mudah dipahami.

Kartu repositori memperkenalkan proyek, manfaatnya, dan tingkat aktivitasnya dalam sekali lihat.

Informasi repositori yang bisa ditampilkan

  • Star, fork, pengamat, issue, dan pull request
  • Bahasa, topik, lisensi, dan tautan
  • Avatar kontributor dan pemilik repositori
  • Star History, aktivitas commit, dan frekuensi perubahan kode
  • Teks kustom untuk catatan rilis atau pengenalan proyek

Area desain

Editor kanvas

Susun widget repositori agar satu kartu dapat merangkum proyek dengan jelas.

Informasi repositori

Lebih dari 10 widget data

Tampilkan star, commit, bahasa, kontributor, topik, lisensi, dan informasi proyek lainnya.

Penyematan

SVG, PNG, iframe

Gunakan kartu yang sama di README, dokumentasi, tulisan, portofolio, dan dasbor internal.

03Ekspor dan sematkan

Sematkan kartu repositori di mana saja.

Gunakan SVG di Markdown, iframe terkini di dokumentasi, atau komponen React di portofolio.

Penyematan README Markdown

Tambahkan kartu SVG tajam ke README, dokumentasi, dan situs statis.

![GitHub repo card](https://githubcard.com/owner/repo.svg)

Pratinjau portofolio dan blog

Ekspor PNG tetap untuk galeri proyek, peluncuran, pratinjau media sosial, dan portofolio.

Penyematan iframe

Gunakan iframe untuk menjaga kartu proyek tetap terkini dalam dokumentasi, tulisan, atau dasbor internal.

<iframe
  src="https://githubcard.com/facebook/react"
  title="React GitHub repo card"
  loading="lazy"
></iframe>

Komponen React

Bungkus SVG dalam komponen kecil untuk mengatur ukuran di galeri proyek atau portofolio.

function RepoCard() {
  return (
    <img
      src="https://githubcard.com/facebook/react.svg"
      alt="React GitHub repo card"
      loading="lazy"
    />
  );
}
Panduan penyematan
04Contoh

Mulai dengan kartu repositori nyata.

Buka kartu proyek publik lalu masukkan pemilik/repositori Anda di atas untuk membuat kartu dengan data terkini.

Akses cepat dari GitHub

Pasang ekstensi Chrome untuk membuka GitHubCard langsung dari halaman repositori.

Pasang ekstensi Chrome
05Cara kerja

Dari URL GitHub ke penyematan dalam tiga langkah.

Langkah 01

Tambahkan card ke URL

Tambahkan card setelah github pada URL repositori publik atau masukkan pemilik/repositori.

Langkah 02

Pilih informasi proyek

Pilih data tentang aktivitas, pertumbuhan, bahasa, kepemilikan, dan status proyek.

Langkah 03

Sematkan kartu

Ekspor SVG atau PNG, atau sematkan kartu terkini di dokumentasi, portofolio, atau tulisan.

06Pertanyaan umum

Pertanyaan tentang kartu repositori

Apa itu pembuat kartu repositori GitHub?

Alat ini membuat kartu visual repositori publik berisi nama, deskripsi, star, fork, bahasa, kontributor, aktivitas, dan informasi lainnya.

Bisakah kartu repositori disematkan di situs atau README?

Bisa. Ekspor sebagai SVG atau PNG untuk README, dokumentasi, situs pribadi, tulisan peluncuran, atau portofolio.

Data repositori apa yang dapat ditampilkan GitHubCard?

Kartu dapat menampilkan star, fork, pengamat, bahasa, topik, lisensi, kontributor, Star History, commit mingguan, dan frekuensi perubahan kode.

Apakah kartu mendukung repositori publik?

GitHubCard mendukung repositori publik, bukan repositori privat. Masuk dengan GitHub dapat meningkatkan batas permintaan API.

Mulai kapan saja

Buat kartu repositori untuk disematkan di mana saja.

Masukkan pemilik/repositori atau URL GitHub untuk membuka kanvas dengan data proyek terkini.

Buat kartu repositori saya