如何获取 github 存储库的 startgazer 图标

Question

我试图将 stargazer 包含在 Nikola 生成的计划 HTML 静态页面中，它显示了仓库中的一些星星。类似于以下内容

有没有任何 UI 代码可以包含它？

Answer 1

转到https://buttons.github.io并选择“星标”，并确保选择“大按钮”和“显示计数”。现在，您所需要做的就是复制“预览和代码”<textarea>字段中的相关 HTML。

这是您需要的生成的代码。

<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

<!-- Place this tag where you want the button to render. -->
<a class="github-button"
   href="https://github.com/buttons/github-buttons"
   data-icon="octicon-star"
   data-size="large"
   data-show-count="true"
   aria-label="Star ntkme/github-buttons on GitHub">Star</a>

这是具有特定用户和存储库的黑暗版本（Facebook React）：

body { background: #222; }

<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

<!-- Place this tag where you want the button to render. -->
<a class="github-button"
   href="https://github.com/facebook/react"
   data-color-scheme="no-preference: dark; light: dark; dark: dark;"
   data-icon="octicon-star"
   data-size="large"
   data-show-count="true"
   aria-label="Star facebook/react on GitHub">Star</a>