Github的STAR按鈕

Question

有什麼辦法到明星按鈕添加到庫中的宣傳頁，就像有的Facebook就像和谷歌Plus的+1按鈕，您只需添加一個片段和按鈕的作品？

Answer 1

我使用GitHub上的按鈕，你可以找到here

Answer 2

我想這可能是可能的。以下片段可能會起作用。現在它缺少:owner和:repo字段，但這是微不足道的添加。我不確定你是否可以解決這個問題，如果你嘗試一下，你會得到非常多的東西。這也不是很安全，因爲他們沒有直接將他們的信譽輸入到github中。但你不能這樣做，因爲它需要有回調交互

一個更容易的替代方案就是讓星星成爲github頁面的鏈接，並且它們可以在那裏出現。結帳這個網站添加相同的外觀到按鈕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>