微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

enter image description here

在 Slack 中看到的输出

  • enter image description here

Skype 中的输出

  • enter image description here

Linkedin 中的输出

  • enter image description here

解决方法

您使用过的:

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。