GitHub Pages:链接中的图像未显示

时间:2019-05-04 17:57:21

标签: github jekyll github-pages jekyll-theme

我曾经通过Shopify托管我的网站,当我在LinkedIn职位描述中链接到该网站时,就会显示徽标。此后,我将网站移至GitHub Pages,现在在LinkedIn(或与此相关的其他任何地方)中链接到徽标时,徽标为空白。我可以做些什么来解决此问题,还是只是GH Pages的骗局?

enter image description here

2 个答案:

答案 0 :(得分:0)

始终包含一个指向代码库的链接以供参考,但是看来您很可能在GitHub个人资料上使用this repo

默认情况下,Shopify或您之前使用的主题可能会默认包含这些内容,但是通常您必须在网站的元数据中指定预览图像。格式化链接的预览图像是从Open Graph图像属性中提取的,该属性是在HTML的<head>部分(see the OG documentation here)的meta标签中定义的。因此,在your head include file中,您将添加如下这样的元标记:

<meta property="og:image" content="https://graemeharrison.com/assets/img/logo.png" />

然后,理想情况下,您将此head文件包含在每个布局文件中,以便包含在每个页面的HTML中。

答案 1 :(得分:0)

对我有用的几件事:

将您的图片放在 index.html 附近的“public”目录中,并在您的元标记中使用 content="http://yourdomain.com/yourimage.png" 检索它。 (https 对我不起作用,但 http 对我有用)

此外,https://www.linkedin.com/post-inspector 是检查您的 og 图像是否出现的好工具。