html - 自定义 github 页面的预览图像

问题描述

在将链接发布到您的 github 页面时，是否可以自定义您看到的预览图像？

我觉得他们在这里专门解决了 github 存储库的问题，但我不知道如何为 github 页面执行此操作。具体来说，我希望我的 github 页面在出现在 LinkedIn 上的精选部分时，不只是显示什么都没有的灰色图像：

标签： htmlgithubmarkdowngithub-pagessocial-media

此预览图像取自网站元标记。专门用于 LinkedIn 足以使用：

<meta property="og:image" content="preview_image.jpg" />

我的 LinkedIn示例：

前两个特色项目是我的个人网站页面，每个页面都有单独的元标记。它托管在 GitHub Pages 上，但托管在哪里并不重要。这是如何完成的：

<head>
      {/* all socials */}
      <meta property="og:image" content={previewImageSrc} />
      {/* twitter */}
      <meta name="twitter:image" content={previewImageSrc} />
</head>

完整示例（盖茨比 + 反应头盔）

html - 自定义 github 页面的预览图像

问题描述

解决方案

推荐阅读