如何使用 Git API 获取 GitHub 存储库的社交预览图像链接？

Question

我拥有许多 GitHub 存储库，我通常每周添加项目。我正在使用 GitHub 页面制作自己的网站，因为我只能在 GitHub 页面上托管静态网站，因此我将使用 GitHub API 来自动更新网站上的新项目。但我还想为其添加预览/示例图像。

我知道有一个名为社交预览的选项，我可以在其中添加要在社交媒体上显示的存储库的图像。

虽然我可以从

api.github.com

获取我的所有仓库信息，但我无法获取我的社交媒体预览图像 URL。

Answer 1

GitHub GraphQL API v4 有一个用于查询 OpenGraph 图像 URL 的字段。它使用存储库设置中设置的社交图像并回退到用户个人资料图像。

链接到文档并搜索“openGraphImageUrl”。

您可以使用 GitHub 的 GraphQL API explorer 进行测试（需要登录）并查询：

{
  repository(owner: "vuetifyjs", name: "vuetify") {
    openGraphImageUrl
  }
}

Answer 2

我认为 GitHub API 不可能，但您可以尝试解析存储库页面 HTML 中的

<meta property="og:image" content="[IMAGE-URL]"/>

标签。

Answer 3

我做了什么：

1. 进入 github 上的相应存储库设置。您应该看到添加/编辑社交预览的选项，（这是我们需要链接的图像）

2. 只需按 ctrl+shift+i ，这应该会打开开发人员工具，

3. 然后单击检查图标。 （通常在左上角，箭头）

4. 现在选择我们的图像，单击它。

5. 现在仔细观察样式，您应该看到一个看起来像这样的链接-

   https://repository-images.githubusercontent.com/xxxxxxxxx/yyyyyyyy-wwww-kkkk-jjjj-rrrrrrrrrrrr

6. 这是您的 github 存储库的社交预览图像的链接。

7. 复制此链接并在任何您想要的地方使用，就像魅力一样，无需登录。

Answer 4

我面临着同样的问题，但我想获取存储库链接并在其后附加

/settings/og-template

字符串。 这将返回您在社交预览中添加的相同图像。因此，迭代存储库的每个链接添加添加该字符串应该返回相应的 Social Preview 尝试一下！