为什么我的 unfurl 'og:image' for gh-pages 没有出现在任何平台上?

Why is my unfurl 'og:image' for gh-pages not showing up in any platform?

我的 github 页面网站的展开图像没有显示在任何地方。

我已经在我的 header 标签中尝试 <meta property="og:image" content="icon.png"/> 我也在这里上传了一张图片,

在 Slack 中看到的输出:

在 Skype 中看到的输出:

在 Linkedin 中看到的输出:

你用过的:

    <!-- Unfurl Meta -->
    <meta property="og:url" content="https://akibrhast.github.io/Hack-Or-Snooze/"/>
    <meta property="og:title" content="Hack Or Snooze"/>
    <meta property="og:description" content="A Hacker News Clone, with Fresh Viewpoint!"/>
    <meta property="og:site_name" content="Hack Or Snooze"/>
<!-- <meta property="og:image" content="icon.png"/> -->

我认为可能的原因是:

<!-- Unfurl Meta -->
<meta property="og:url" content="https://akibrhast.github.io/Hack-Or-Snooze/"/>
<meta property="og:title" content="Hack Or Snooze"/>
<meta property="og:description" content="A Hacker News Clone, with Fresh Viewpoint!"/>
<meta property="og:site_name" content="Hack Or Snooze"/>
<meta property="og:image" content="./icon.png"/>

我希望这会奏效。
当您的存储库 link 被共享(即 https://github.com/akibrhast/Hack-Or-Snooze) . 时,您在存储库设置中提供的图像将显示在社交媒体上
并记得遵循 LinkedIn 的图像要求,如前所述 here.

  • 最大文件大小:5 MB
  • 最小图像尺寸:1200(宽)x 627(高)像素
  • 推荐比例:1.91:1