存储库页面上的Github STAR按钮

Question

有没有办法将星形按钮添加到存储库的促销页面，就像有像facebook和Google Plus的+1按钮一样？

Answer 1

我使用GitHub按钮，您可以找到here

Answer 2

您还可以使用以下机构提供的非官方按钮： https://buttons.github.io（更多自定义选项）。

您可以在此处找到源代码：https://github.com/ntkme/github-buttons

Answer 3

我想这可能是可能的。以下代码段可能有效。现在它错过了:owner和:repo字段，但要添加这些字段是微不足道的。如果你尝试的话，我不确定你能不能解决的问题是你得到的nocross-origin。它也不是很安全，因为他们没有直接输入他们的信誉到github。但是，您无法使用代码段进行操作，因为它需要进行回调交互

一个更容易的替代方案就是让星星成为github页面的链接，他们可以在那里加星标。查看此网站，为按钮添加相同的外观http://ghbtns.com/或http://www.buildbuttons.com/GitHub/StarButton

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;