Question

在我的linkedIn个人资料上，我托管在Github页上的个人网站未显示a thumbnail。

我遵循了LinkedIn上可用的指南，但仍然无法正常工作。

我从此代码中删除了一些个人详细信息。

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <meta property="og:title" content="ME"/>
      <meta property="og:image" content="img/snapshot.PNG"/>
      <meta property="og:description" content="A description"/>
      <meta property="og:url" content="URL to the site" />


      <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
      <link href="https://fonts.googleapis.com/css?family=Reem+Kufi|Roboto:300" rel="stylesheet">
      <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
      <link rel="stylesheet" href="css/reset.css">
      <link rel="stylesheet" href="css/styles.css">
      <link rel="stylesheet" href="css/themes/grey-white.css">
   </head>
   <body>
      <main>
         <div class="intro">STUFF</div>
      </main>
   </body>
</html>

文件夹结构：

index.html
css/
   reset.css
   styles.css
   themes/
         grey-white.css

img/
   snapshot.PNG
   favicon.ico
   circuit-board.svg

我在这里想念什么？这是Linkedin和Github页的限制吗？还是我做错了什么？

Answer 1

您需要在og：image标签中的img / snapshot.PNG之前添加主机地址。这样可以解决问题。

Linkedin未显示来自Github-pages托管网站的缩略图

1 个答案: