Github स्टार बटन

Question

वहाँ किसी भी तरह से भंडार के प्रचार पृष्ठ के लिए एक स्टार बटन जोड़ने के लिए देखते हैं, जैसे है फेसबुक की तरह और गूगल प्लस '+1 बटन है, जहां आप सिर्फ एक जोड़ने स्निपेट और बटन काम करता है?

Answer 1

मैं GitHub बटन का उपयोग करें, जो आप here

Answer 2

मुझे लगता है कि यह संभव हो सकता है। निम्नलिखित स्निपेट काम कर सकता है। अभी यह :owner और :repo फ़ील्ड गुम है लेकिन यह जोड़ने के लिए तुच्छ है। मुझे यकीन नहीं है कि अगर आप चारों ओर घूम सकते हैं तो आप इसे प्राप्त करने के लिए नोक्रॉस-मूल चीजें प्राप्त करते हैं। यह भी बहुत सुरक्षित नहीं है क्योंकि वे सीधे अपने क्रेडिट में प्रवेश नहीं कर रहे हैं। लेकिन आप इसे स्निपेट के साथ नहीं कर सकते क्योंकि इसे कॉलबैक इंटरैक्शन

एक बहुत ही आसान विकल्प होगा कि स्टार केवल गिथब पेज का लिंक होगा और वे इसे वहां तारांकित कर सकते हैं। बटन http://ghbtns.com/ या http://www.buildbuttons.com/GitHub/StarButton

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img id="github-star" src="http://placehold.it/50/000000/ffffff"></img> 
 
<div id="github-overlay"> 
 
    <input id="github-username" type="username" name="username" placeholder="Username"> 
 
    <input id="github-password" type="password" name="password" placeholder="Password"> 
 
    <a id="github-submit" href="#">Star It</a> 
 
</div> 
 
<script> 
 
    $(document).ready(function() { 
 
    $("#github-star").click(function() { 
 
     $("#github-overlay").css("display", "block"); 
 
    }); 
 
    $("#github-submit").click(function(e) { 
 
     e.preventDefault(); 
 
     $.ajax({ 
 
     type: "PUT", 
 
     url: "user/starred/:owner/:repo", 
 
     username: $("#github-username").val(), 
 
     password: $("#github-password").val(), 
 
     success: function(data) { 
 
      $("#github-overlay").css("display", "none"); 
 
      $("#github-star").attr("src", "http://placehold.it/50/e8117f/ffffff"); 
 
     } 
 
     }); 
 
     return false; 
 
    }); 
 
    }); 
 
</script> 
 
<style> 
 
    #github-overlay { 
 
    display: none; 
 
    position: absolute; 
 
    top: 25%; 
 
    bottom: 25%; 
 
    left: 25%; 
 
    right: 25%; 
 
    } 
 
    #github-submit { 
 
    display: block; 
 
    } 
 
    #github-star:hover { 
 
    cursor: pointer; 
 
    } 
 
</style>