2014-10-01 17 views
7

Esiste un modo per aggiungere un pulsante stella alla pagina promozionale del repository proprio come ci sono Facebook Like e Google Plus' +1 pulsante, in cui si aggiunge solo un snippet e il pulsante funziona?tasto Github STAR a pagina repository

+0

facilmente. Usando l'API dovresti effettuare questa chiamata 'https: // developer.github.com/v3/activity/starring/# star-a-repository' ma richiede l'autenticazione quindi prima devi ottenere un token di giuramento ('https: // developer.github.com/v3/oauth_authorizations') –

+1

Dai un'occhiata a [this] (http://ghbtns.com/) –

+0

@KamranAhmed: Grande, pubblicato come risposta in modo che altri possano trovarlo facilmente –

risposta

9

Io uso pulsanti GitHub, che potete trovare here

enter image description here

Non
+7

Il problema con ghbtns.com è che quando si fa clic sul pulsante a forma di stella non viene effettivamente eseguito il progetto. Ti porta alla pagina GitHub. Quindi devi fare nuovamente clic sul pulsante. Ciò confonderebbe molti utenti. – jcoffland

0

Suppongo che potrebbe essere possibile. Il seguente frammento potrebbe funzionare. In questo momento mancano i campi :owner e :repo ma è banale da aggiungere. Quello che non so se puoi andare in giro è la roba da nocross che ottieni se la provi. Inoltre, non è molto sicuro perché non sta inserendo i propri crediti direttamente in github. Ma non è possibile farlo con uno snippet perché richiede un'interazione di callback

Un'alternativa molto più semplice sarebbe che la stella fosse un collegamento alla pagina di GitHub e che fosse possibile visualizzarla lì. Checkout questo sito per aggiungere lo stesso sguardo ai pulsanti http://ghbtns.com/ o 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>

+3

Ma chi vorrà inserire il nome utente e la password GitHub sul tuo sito e fidarti di non rubarlo? – jcoffland

+0

Sono d'accordo, non è eccezionale –

Problemi correlati