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

Question

我的 github pages 网站的展开图像没有出现在任何地方。

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

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

在 Slack 中看到的输出：

• 

在 Skype 中看到的输出：

• 

Linkedin 中的输出：

• 

标签： githublinkedingithub-pagesslackskype

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 没有可用的图像，而是在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"/>

我希望这会奏效。
当您的存储库链接被共享（即https://github.com/akibrhast/Hack-Or-Snooze）时，您在存储库设置中提供的图像会显示在社交媒体上。并记住遵循LinkedIn的图像要求，如此处所述。

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