自定义github页面的预览图像

时间：2020-07-05 16:19:58

标签： html github markdown github-pages social-media

是否可以自定义在将链接发布到github页面时作为预览显示的图像？

我觉得他们专门解决了github存储库here的问题，但是我不知道如何为github页面执行此操作。具体来说，当我的github页面显示在LinkedIn的“我的特色”部分时，我不希望我的github页面仅显示一无所有的灰度图像：

enter image description here

2 个答案:

答案 0 :(得分：8)

此预览图片来自网站 meta tags。专供LinkedIn使用：

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

来自 my LinkedIn 的示例： enter image description here

前两个特色项目是我的 personal website 页面，每个页面都有单独的元标记。它托管在 GitHub Pages 上，但托管在哪里并不重要。以下是它的实现方式：

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

full example (gatsby + react-helmet)

答案 1 :(得分：0)

尝试了上面的答案，但我的 og:image 仍然没有反映在我的linkedIn 个人资料中。经过进一步检查，我发现LinkedIn将链接预览内容缓存了7天。除非您使用 LinkedIn Post Inspector 检查您的网站，否则您所做的更改不会立即反映出来。

本文来源：https://www.linkedin.com/pulse/how-clear-linkedin-link-preview-cache-ananda-kannan-p

相关问题
最新问题