01GitHub कार्ड कार्यशाला

GitHub प्रोफ़ाइल README जनरेटर

GitHubCard खींचकर रखने की सुविधा वाला GitHub प्रोफ़ाइल README जनरेटर है। अपने आँकड़े, प्रोजेक्ट और गतिविधि एक कार्ड में जोड़ें।

डिज़ाइनर खोलेंअसली कार्ड देखें
torvalds के लिए ताज़ा GitHubCard प्रीव्यू
GitHub के ताज़ा डेटा से बनाया गया
02समस्या

कई README एम्बेड की जगह एक GitHubCard लिंक लगाएँ।

हाथ से बने प्रोफ़ाइल README में आँकड़े, भाषाएँ, लगातार योगदान, गतिविधि और कौशल दिखाने के लिए छह एम्बेड, पाँच सेवाएँ और दर्जनों URL पैरामीटर लग सकते हैं। GitHubCard वही ताज़ा डेटा एक डिज़ाइन में दिखाता है। आपके README को सिर्फ़ एक लिंक चाहिए।

README.md
@@ -1,29 +1,6 @@
  1. # Hi, I'm Alex 👋
  2. Full-stack developer building useful products.
  4. <!-- Profile and repository stats -->
  5. ![GitHub stats](https://github-readme-stats.vercel.app/api?username=you&show_icons=true&theme=tokyonight&hide_border=true)
  7. <!-- Top languages -->
  8. <a href="https://github.com/you?tab=repositories">
  9. <img height="165" src="https://github-readme-stats.vercel.app/api/top-langs?username=you&layout=compact&theme=tokyonight" alt="Top languages" />
  10. </a>
  12. <!-- Commit streak -->
  13. <p align="center">
  14. <img width="48%" src="https://streak-stats.demolab.com?user=you&theme=tokyonight&hide_border=true" alt="Commit streak" />
  15. </p>
  17. <!-- Contribution heatmap (light / dark) -->
  18. <picture>
  19. <source media="(prefers-color-scheme: dark)" srcset="https://ghchart.rshah.org/2f81f7/you" />
  20. <img src="https://ghchart.rshah.org/40c463/you" alt="Contribution heatmap" />
  21. </picture>
  23. <!-- Activity graph -->
  24. [![Activity graph](https://github-readme-activity-graph.vercel.app/graph?username=you&theme=github-compact)](https://github.com/you)
  26. <!-- Tech skills -->
  27. ![Tech skills](https://skillicons.dev/icons?i=ts,react,nodejs,docker,postgres&theme=dark)
  29. ## Featured projects
  1. # Hi, I'm Alex 👋
  2. Full-stack developer building useful products.
  4. ![GitHubCard](https://githubcard.com/you.svg?d=N7kQ2mXp4Vr8Ls1C)
  29. ## Featured projects
पहले · Markdown + HTML + 6 एम्बेड + 5 सेवाएँबाद में · एक डिज़ाइन लिंक, वही GitHub डेटा
03विजेट

अपने घटक चुनें।

GitHub आँकड़े, योगदान हीटमैप, लगातार कमिट, भाषाएँ, तकनीकें, प्रमुख रिपॉज़िटरी और Star History। घटक चुनें, कैनवस पर रखें और एक साझा थीम लगाएँ।

20 से ज़्यादा विजेट में से 8 · रोकने के लिए माउस ले जाएँ
भाषा डोनट चार्ट
GitHubCard भाषा डोनट चार्ट विजेट का प्रीव्यू
भाषा रैंकिंग बार
GitHubCard भाषा रैंकिंग बार विजेट का प्रीव्यू
प्रोफ़ाइल आँकड़े
GitHubCard प्रोफ़ाइल आँकड़े विजेट का प्रीव्यू
लगातार योगदान के आँकड़े
GitHubCard लगातार योगदान के आँकड़े विजेट का प्रीव्यू
योगदान हीटमैप
GitHubCard योगदान हीटमैप विजेट का प्रीव्यू
Star के रुझान
GitHubCard रिपॉज़िटरी Star History विजेट का प्रीव्यू
रिपॉज़िटरी कमिट
GitHubCard रिपॉज़िटरी कमिट विजेट का प्रीव्यू
रिपॉज़िटरी कोड आवृत्ति
GitHubCard रिपॉज़िटरी कोड आवृत्ति विजेट का प्रीव्यू
भाषा डोनट चार्ट
GitHubCard भाषा डोनट चार्ट विजेट का प्रीव्यू
भाषा रैंकिंग बार
GitHubCard भाषा रैंकिंग बार विजेट का प्रीव्यू
प्रोफ़ाइल आँकड़े
GitHubCard प्रोफ़ाइल आँकड़े विजेट का प्रीव्यू
लगातार योगदान के आँकड़े
GitHubCard लगातार योगदान के आँकड़े विजेट का प्रीव्यू
योगदान हीटमैप
GitHubCard योगदान हीटमैप विजेट का प्रीव्यू
Star के रुझान
GitHubCard रिपॉज़िटरी Star History विजेट का प्रीव्यू
रिपॉज़िटरी कमिट
GitHubCard रिपॉज़िटरी कमिट विजेट का प्रीव्यू
रिपॉज़िटरी कोड आवृत्ति
GitHubCard रिपॉज़िटरी कोड आवृत्ति विजेट का प्रीव्यू
04यह कैसे काम करता है

तीन चरण, सेटअप की ज़रूरत नहीं।

संपादक में भी यही तरीका है: कार्ड चुनें, डिज़ाइन करें और प्रकाशित करें।

16 सेकंड में संपादक देखें।
05असली कार्ड

असली रिपॉज़िटरी, एक कार्ड सिस्टम।

असली सार्वजनिक रिपॉज़िटरी के GitHubCard कार्ड, रोज़ अपडेट होते हैं। इनमें से तीन Pro पृष्ठभूमि इस्तेमाल करते हैं।

असली इस्तेमाल →chris-grieser.decodes.oeiuwq.comwilliams.science/resourcesGitHubCard वाले हाथ से जाँचे गए पेज
रिपॉज़िटरी कार्ड बनाएँ
06तुलना

कैनवस और अलग-अलग काम के टूल।

संपादन की प्रक्रिया, अंतिम कार्ड और रखरखाव का काम देखें।

01निष्कर्ष

काम करने का तरीका

GitHubCard में संपादन से लेकर अंतिम कार्ड तक सब कुछ एक कैनवस पर होता है।

GitHubCard
लेआउट, डेटा और विजेट एक ही संपादन प्रक्रिया में सेट होते हैं।
अलग-अलग काम के टूल
अलग-अलग काम के टूल में सेटिंग कई जनरेटरों पर करनी पड़ती है।
विज़ुअल संपादकएक कैनवसजोड़ने का कम काम
02निष्कर्ष

परिणाम

परिणाम में एक समान शैली वाला पूरा कार्ड मिलता है।

GitHubCard
प्रोफ़ाइल, रिपॉज़िटरी और आँकड़ों के घटक एक ही दृश्य शैली इस्तेमाल करते हैं।
अलग-अलग काम के टूल
दूसरे टूल आम तौर पर अलग कार्ड, चार्ट या URL एक्सपोर्ट करते हैं।
एक जैसी शैलीअंतिम संयोजनएक्सपोर्ट के लिए तैयार
03निष्कर्ष

रखरखाव

कम निर्भरताओं से टोकन, तय समय के जॉब और हाथ से अपडेट करने के चरण भी कम होते हैं।

GitHubCard
कार्ड GitHub डेटा से अपडेट होते हैं और कैश का व्यवहार स्पष्ट रहता है।
अलग-अलग काम के टूल
भरोसेमंद संचालन अक्सर होस्टिंग, तय समय के जॉब और API सीमा पर निर्भर करता है।
कम सेटअपअपने आप अपडेटस्पष्ट सीमाएँ

यह तुलना टूल की श्रेणियों की है, किसी खास ब्रांड की नहीं।

07कीमतें

मुफ़्त शुरू करें। Pro के लिए एक बार भुगतान करें।

डिज़ाइन और प्रीव्यू मुफ़्त हैं। Pro Lifetime के लिए एक बार 19 अमेरिकी डॉलर दें और प्रीमियम पृष्ठभूमि, फ़ॉन्ट, बिना वॉटरमार्क तथा 4× रिज़ॉल्यूशन में एक्सपोर्ट पाएँ। सदस्यता नहीं है।

एक बार भुगतान · सदस्यता नहीं · 7 दिन की मनी-बैक गारंटी। पूरी कीमतें देखें

08सवाल

प्रकाशित करने से पहले के सवाल।

GitHubCard क्या है?

GitHubCard एक विज़ुअल GitHub प्रोफ़ाइल README जनरेटर है। GitHub डेटा से प्रोफ़ाइल और रिपॉज़िटरी कार्ड बनाएँ और उन्हें README, पोर्टफ़ोलियो या सोशल पोस्ट में लगाएँ।

GitHubCard कैसे इस्तेमाल करें?

प्रोफ़ाइल या रिपॉज़िटरी URL में github.com को githubcard.com से बदलें, जैसे githubcard.com/torvalds या githubcard.com/facebook/react। कार्ड बदलने के लिए कैनवस संपादक खोलें।

क्या साइन इन करना ज़रूरी है?

सामान्य कार्ड बिना साइन इन देख सकते हैं। अपने डिज़ाइन सहेजने, प्रकाशित करने, अपडेट करने या हटाने के लिए GitHub से साइन इन करें।

अपने README में कार्ड कैसे लगाएँ?

SVG URL कॉपी करें, जैसे githubcard.com/username.svg, और अपनी Markdown फ़ाइल में इमेज की तरह जोड़ें। कार्ड GitHub का ताज़ा डेटा दिखाएगा।

GitHub प्रोफ़ाइल README कैसे बनाएँ?

अपने GitHub उपयोगकर्ता नाम वाली रिपॉज़िटरी बनाएँ और उसमें README.md फ़ाइल जोड़ें। रिपॉज़िटरी सार्वजनिक हो और उसका नाम सही हो, तो GitHub यह README आपकी प्रोफ़ाइल पर दिखाता है।

GitHub प्रोफ़ाइल README गाइड
क्या कार्ड अपने आप अपडेट होते हैं?

हाँ। कार्ड GitHub का ताज़ा डेटा दिखाते हैं। बेहतर प्रदर्शन के लिए हम कैश इस्तेमाल करते हैं, इसलिए बदलाव दिखने में एक घंटा तक लग सकता है।

क्या मैं अपने कार्ड बदल सकता हूँ?

हाँ। कैनवस संपादक में 20 से ज़्यादा डेटा विजेट खींचें, लेआउट बदलें और SVG या PNG में एक्सपोर्ट करें।

क्या GitHubCard मुफ़्त है?

मुख्य सुविधाएँ मुफ़्त हैं। Pro Lifetime के लिए बिना सदस्यता एक बार 19 अमेरिकी डॉलर दें और प्रीमियम पृष्ठभूमि, फ़ॉन्ट, बिना वॉटरमार्क और उच्च रिज़ॉल्यूशन (4×) में एक्सपोर्ट पाएँ।

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

कार्ड बनाएँ। अपने अंदाज़ में।

कैनवस खोलें, अपना GitHub डेटा जोड़ें और README या वेबसाइट के लिए कार्ड बनाएँ।

कैनवस खोलें