如果帖子没有图像,如何获取Jekyll帖子的缩略图?

Mat*_*ith 2 jekyll

如果我正在使用Jekyll建立博客,并且想共享文章链接。我想为帖子提供预览缩略图,但是,帖子本身没有图像,并且我想保持这种方式。有什么想法吗?

Kev*_*man 5

您可以thumbnail在每个帖子的正面定义一个属性,然后在创建包含帖子链接的页面时使用该属性。

这是一个示例博客文章:

---
layout: default
thumbnail: "/path/to/the/thumbnail.png"
---
This is a blog post!
Run Code Online (Sandbox Code Playgroud)

然后在你的博客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 %}
Run Code Online (Sandbox Code Playgroud)


Mat*_*ith 5

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

按照开放图谱协议,如果帖子具有可通过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 %}
Run Code Online (Sandbox Code Playgroud)

如果帖子没有指定的图像,它将使用为页面指定的图像。然后将以下内容添加到帖子的开头

---
image: path/to/post/image.jpg
---
Run Code Online (Sandbox Code Playgroud)