GitHub 页:图片来自 Link 未显示

GitHub Pages: Image From Link Not Showing

我曾经通过 Shopify 托管我的网站,当我 link 在我的 LinkedIn 职位描述中访问它时,徽标出现了。我已经将我的网站移动到 GitHub 页面,现在当我在 LinkedIn(或其他任何与此相关的任何地方)link 到它时,徽标是空白的。我可以做些什么来解决这个问题,还是它只是 GH Pages 的一个骗局?

将 link 添加到代码库以供参考总是有帮助的,但看起来您可能正在 GitHub 个人资料中使用 this repo

Shopify 或您之前使用的主题可能默认包含这些,但通常您必须在站点的元数据中指定预览图像。格式化 link 的预览图像是从 Open Graph 图像 属性 中提取的,您在 HTML 的 <head> 部分的元标记中定义它(see the OG documentation here). So, in your head include file,您可以添加这样的元标记:

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

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

一些对我有用的东西:

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

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