खोज…


परिचय

GitHub बटन क्या हैं? GitHub बटन ऐसे बटन हैं जिन्हें आप अपनी वेबसाइट पर जोड़ सकते हैं जो उपयोगकर्ताओं को आपकी पसंद के किसी भी भंडार में पुनर्निर्देशित करता है!

टिप्पणियों

क्रेडिट:

  • Gif छवियों को Recordit के साथ रिकॉर्ड किया गया
  • स्निपिंग टूल के साथ स्टेटिक चित्र
  • पूर्ण ट्यूटोरियल में उपयोग किया जाने वाला कोड एडिटर codepen.io था

बटन का पालन करें

एक फॉलो बटन एक बटन है जो एक GitHub उपयोगकर्ता पृष्ठ से लिंक होता है और उपयोगकर्ता को उपयोगकर्ता का अनुसरण करने के लिए प्रेरित करता है। यहाँ एक बनाने के लिए कैसे:

  1. जीथब: बटन पर जाएं
  2. "फ़ॉलो करें" पर क्लिक करें

"फ़ॉलो" पर क्लिक करने वाले उपयोगकर्ता का Gif

  1. "उपयोगकर्ता:" लेबल वाले बॉक्स में अपना GitHub उपयोगकर्ता नाम रखें

GifHub उपयोगकर्ता नाम के बॉक्स में "GifHub यूजरनेम": "

  1. "बड़े बटन", "गणना दिखाएं" और "मानक आइकन" बक्से का उपयोग करके बटन को अनुकूलित करें:

मूल बटन

बड़ा बटन

काउंट बटन दिखाएँ

  1. इस कोड को <head> या अपने कोड के <body> के अंत से पहले रखें:

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

  1. अपने कोड में अनुकूलित बटन रेंडरिंग कोड रखें। पूर्ण Gif ट्यूटोरियल

सभी अन्य बटन

आपके द्वारा बनाए जा सकने वाले अन्य सभी बटन, एक GitHub रिपॉजिटरी से लिंक करने वाले बटन हैं और एक निश्चित कार्रवाई को पूरा करने के लिए उपयोगकर्ता को संकेत देते हैं। ये बटन जैसे कार्य कर सकते हैं:

  • भंडार देखो
  • भंडार में तारांकित करें
  • एक भंडार का कांटा
  • एक रिपॉजिटरी डाउनलोड करें
  • एक रिपॉजिटरी के साथ एक समस्या को सूचीबद्ध करें

यहाँ कुछ बनाने का तरीका बताया गया है:

  1. जीथब: बटन पर जाएं
  2. उस बटन प्रकार पर क्लिक करें जिसे आप बनाना चाहते हैं (वॉच, स्टार, फोर्क, डाउनलोड या समस्या)

बटन पर क्लिक करें उदाहरण

  1. "GitHub उपयोगकर्ता नाम": "उपयोगकर्ता", और बॉक्स में आपका भंडार ": रेपो" लेबल में रखें।

रेपो इन्सर्ट उदाहरण

  1. "बड़े बटन", "गणना दिखाएं" और "मानक आइकन" बक्से का उपयोग करके बटन को अनुकूलित करें:

डाउनलोड बटन

मुद्दा बटन

स्टार बटन

  1. इस कोड को <head> या अपने कोड के <body> के अंत से पहले रखें:

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

  1. अपने कोड में अनुकूलित बटन रेंडरिंग कोड रखें।

पूर्ण ट्यूटोरियल



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow