रिपॉज़िटरी कार्ड कार्यशाला

GitHub रिपॉज़िटरी कार्ड जनरेटर

Star History, भाषाओं, योगदानकर्ताओं और कमिट गतिविधि वाले कार्ड बनाएँ। GitHub URL बदलकर SVG, PNG या अपडेट होने वाले एम्बेड एक्सपोर्ट करें।

owner/repo या URL

URL का आसान तरीका

GitHub URL में “github” के बाद “card” जोड़ें। बाकी URL वैसा ही रखें।

githubcard.com/facebook/reactgithub.com/facebook/react बदलकर githubcard.com/facebook/react हो जाता है।

02डिज़ाइन की जगह

अपनी रिपॉज़िटरी को समझना आसान बनाएँ।

एक कार्ड में बताएँ कि प्रोजेक्ट क्या है, क्यों उपयोगी है और कितना सक्रिय है।

कार्ड में दिखाने के लिए रिपॉज़िटरी डेटा

  • स्टार, फ़ोर्क, वॉचर, इश्यू और पुल रिक्वेस्ट
  • भाषाएँ, विषय, लाइसेंस और लिंक
  • योगदानकर्ताओं के अवतार और रिपॉज़िटरी मालिक
  • Star History, कमिट गतिविधि और कोड बदलाव की आवृत्ति
  • रिलीज़ नोट या प्रोजेक्ट परिचय के लिए अपना टेक्स्ट

डिज़ाइन की जगह

कैनवस एडिटर

रिपॉज़िटरी विजेट को व्यवस्थित करके एक कार्ड में प्रोजेक्ट का साफ़ परिचय दें।

रिपॉज़िटरी की जानकारी

10 से अधिक डेटा विजेट

स्टार, कमिट, भाषाएँ, योगदानकर्ता, विषय, लाइसेंस और दूसरी प्रोजेक्ट जानकारी दिखाएँ।

एम्बेड विकल्प

SVG, PNG, iframe

एक ही कार्ड README, दस्तावेज़ों, पोस्ट, पोर्टफ़ोलियो और अंदरूनी डैशबोर्ड में इस्तेमाल करें।

03एक्सपोर्ट और एम्बेड

रिपॉज़िटरी कार्ड कहीं भी एम्बेड करें।

Markdown में SVG, दस्तावेज़ों में अपडेट होने वाला iframe या पोर्टफ़ोलियो में React कंपोनेंट इस्तेमाल करें।

Markdown README में एम्बेड

README, दस्तावेज़ों और स्थिर वेबसाइटों में साफ़ SVG प्रोजेक्ट कार्ड जोड़ें।

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

पोर्टफ़ोलियो और ब्लॉग प्रीव्यू

प्रोजेक्ट गैलरी, लॉन्च पोस्ट, सोशल प्रीव्यू और पोर्टफ़ोलियो के लिए स्थिर PNG बनाएँ।

iframe एम्बेड

iframe से दस्तावेज़, लॉन्च पोस्ट या अंदरूनी डैशबोर्ड में अपडेट होने वाला प्रोजेक्ट कार्ड रखें।

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

React कंपोनेंट

SVG को छोटे कंपोनेंट में रखकर गैलरी या पोर्टफ़ोलियो में उसका आकार तय करें।

function RepoCard() {
  return (
    <img
      src="https://githubcard.com/facebook/react.svg"
      alt="React GitHub repo card"
      loading="lazy"
    />
  );
}
एम्बेड गाइड
04उदाहरण

किसी असली रिपॉज़िटरी कार्ड से शुरू करें।

सार्वजनिक प्रोजेक्ट कार्ड खोलें और ऊपर अपना owner/repo डालकर ताज़ा डेटा वाला कार्ड बनाएँ।

असली रिपॉज़िटरी कार्ड देखें

इन उदाहरणों में देखें कि तैयार कार्ड में प्रोजेक्ट डेटा, गतिविधि और मालिक कैसे दिखते हैं।

React रिपॉज़िटरी कार्डVite रिपॉज़िटरी कार्डshadcn/ui रिपॉज़िटरी कार्डरिपॉज़िटरी कार्ड एम्बेड गाइड
05कैसे काम करता है

GitHub URL से एम्बेड तक, तीन चरणों में।

चरण 01

URL में card जोड़ें

सार्वजनिक रिपॉज़िटरी के GitHub URL में github के बाद card जोड़ें या सीधे owner/repo डालें।

चरण 02

प्रोजेक्ट की जानकारी चुनें

गतिविधि, विकास, भाषाएँ, मालिक और प्रोजेक्ट स्थिति बताने वाला डेटा चुनें।

चरण 03

कार्ड एम्बेड करें

SVG या PNG एक्सपोर्ट करें, या दस्तावेज़, पोर्टफ़ोलियो और लॉन्च पोस्ट में अपडेट होने वाला कार्ड लगाएँ।

06आम सवाल

रिपॉज़िटरी कार्ड के सवाल

GitHub रिपॉज़िटरी कार्ड जनरेटर क्या है?

यह सार्वजनिक रिपॉज़िटरी का कार्ड बनाता है, जिसमें नाम, विवरण, स्टार, फ़ोर्क, भाषाएँ, योगदानकर्ता, गतिविधि और दूसरी जानकारी होती है।

क्या रिपॉज़िटरी कार्ड वेबसाइट या README में लगा सकते हैं?

हाँ। SVG या PNG एक्सपोर्ट करके README, दस्तावेज़, वेबसाइट, लॉन्च पोस्ट या प्रोजेक्ट पोर्टफ़ोलियो में जोड़ें।

GitHubCard रिपॉज़िटरी का कौन-सा डेटा दिखाता है?

कार्ड स्टार, फ़ोर्क, वॉचर, भाषाएँ, विषय, लाइसेंस, योगदानकर्ता, Star History, साप्ताहिक कमिट और कोड बदलाव की आवृत्ति दिखा सकते हैं।

क्या कार्ड सार्वजनिक रिपॉज़िटरी के साथ काम करते हैं?

GitHubCard सार्वजनिक रिपॉज़िटरी को सपोर्ट करता है, निजी रिपॉज़िटरी को नहीं। GitHub से साइन इन करने पर API अनुरोध सीमा बढ़ सकती है।

जब चाहें शुरू करें

कहीं भी लगाने के लिए रिपॉज़िटरी कार्ड बनाएँ।

owner/repo या GitHub रिपॉज़िटरी URL डालें और ताज़ा प्रोजेक्ट डेटा के साथ कैनवस खोलें।

अपना रिपॉज़िटरी कार्ड बनाएँ