从 Github 存储库获取社交媒体图像答案

【问题标题】：Get social media image from Github repository从 Github 存储库获取社交媒体图像
【发布时间】：2020-06-25 14:21:58
【问题描述】：

我目前正在尝试使用 github-pages 构建一个 Jekyll 站点，并且我想为我拥有的每个存储库收集 opengraph 标头，以便为每个存储库创建“丰富的预览”。

我可以向 Github 添加“社交预览”图片，但这似乎不是 exposed to the API。我也尝试创建一个XMLHttpRequest，但我得到了：

跨域请求被阻止：同源策略不允许读取位于https://github.com/user/repo 的远程资源。（原因：缺少 CORS 标头“Access-Control-Allow-Origin”）

最后我想知道我的插件github-metadata是否已经有图像，但我不知道如何读取生成的数据

有谁知道是否有一种方法在 github-pages 环境中可行，我可以通过该方法将这些信息导入我的网站？

【问题讨论】：

【解决方案1】：

你可以找到所有暴露的元数据here。

没有可以为每个存储库设置的特定图像。唯一可用的图像是所有者的头像：{{ site.github.owner_gravatar_url }}。

您可以在构建时借助jekyll-seo-tag 生成您的opengraph 标头。不再需要使用 javascript 魔法 ;-)

【讨论】：

大卫，很抱歉之前的评论，虽然这是旧的，但我想再次查询底部的建议，通过“生成 opengraph 标题”，你的意思是我可以获得有关每个 repo 的 graphQL 信息在 site.data.projects？从我看到的 SEO 标签看来，我只公开了有关我网站的数据