为什么我的 gh-pages 展开 'og:image' 没有显示在任何平台上？

问题描述

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

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

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

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

我认为可能的原因是：

• 您在评论中使用了 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 的图片要求，如上所述here.

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