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

Question

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

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

网站：https://akibrhast.github.io/Hack-Or-Snooze/
回购：https://github.com/akibrhast/Hack-Or-Snooze

在 Slack 中看到的输出：

在 Skype 中看到的输出：

在 Linkedin 中看到的输出：

Answer 1

你用过的：

    <!-- 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"/> -->

我认为可能的原因是：

您在评论中使用了 og:image 标签。
您提供的目录不正确。（https://akibrhast.github.io/icon.png instead the image is at https://akibrhast.github.io/Hack-Or-Snooze/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

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

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

github

linkedin

github-pages

slack

skype