Question

如果我使用Jekyll构建博客，我想分享帖子的链接。我想要为帖子预览缩略图，但是帖子本身没有图片，我想保持这种方式。关于如何做的任何想法？

Answer 1

我找到了我需要的解决方案。

在Open Graph Protocol之后，如果帖子的缩略图可通过Facebook，Twitter等进行分享，则可以指定<head>这样的开放图元数据。

{% if page.image %}
  <meta property="og:image" content="path/to/post/image.jpg">
{% else %}
  <meta property="og:image" content="path/to/page/image.jpg">
{% endif %}

如果帖子没有指定的图片，它将使用为页面指定的图像。然后将以下内容添加到帖子的front matter：

---
image: path/to/post/image.jpg
---

Answer 2

您可以在每个帖子的前端内容中定义thumbnail属性，然后在创建包含帖子链接的页面时使用该属性。

以下是一篇博文示例：

---
layout: default
thumbnail: "/path/to/the/thumbnail.png"
---
This is a blog post!

然后在您博客的index.html页面中，您可以执行以下操作：

{% for post in site.categories.blog %}
    <div>
        <a href="{{ post.url }}" ><img src="{{ post.thumbnail }}" />
        <a href="{{ post.url }}" >{{ post.title }}</a>
    </div>
{% endfor %}

当帖子没有图像时，如何获得Jekyll帖子的缩略图？

2 个答案: