鹈鹕 - 将图像添加到摘要答案

【问题标题】：Pelican - add image to summary鹈鹕 - 将图像添加到摘要
【发布时间】：2017-05-16 02:13:03
【问题描述】：

我正在使用 pelican 创建一个网站。我正在尝试将图像添加到摘要中，以便摘要始终以图像开头。

我尝试将图像添加到元数据的摘要中（使用降价），但它只显示在索引页面上，而不显示在其他页面上（在下面的示例中，图像没有显示在帖子页面中）。我还必须将图像添加到与有时以奇怪方式呈现的文本相同的行中（根据图像大小，某些文本位于图像的一侧）。

这是元数据的示例：

Title: this is my title
Slug: slug
Date: 2017-05-04 23:00
Category: Posts
Tags: pelican
Author: Eyal
Summary: ![figure 1](images/fig1.png) and this is my post summary

我也尝试使用摘要插件，但那根本不起作用。

将图片添加到摘要中的最简单方法是什么？我希望尽可能避免修改 html 代码。

【问题讨论】：

标签： pelican

【解决方案1】：

将图片作为字段元数据添加到您的文章中，例如“Cover”，如下所示：

Title: this is my title
Slug: slug
Date: 2017-05-04 23:00
Category: Posts
Tags: pelican
Author: Eyal
Cover: images/fig1.png
Summary: and this is my post summary

所以你可以通过这种方式在你的模板中使用它。

{% if article.cover %}<img src="{{ article.cover }}" alt="">{% endif %} {{ article.summary }}

这一行在元数据中查找Cover 键，如果有，则创建img 标记。如果不是，则直接通过。

【讨论】：

谢谢。您能否详细说明模板中的行。我是鹈鹕的新手，觉得很困惑。我正在使用 pelican-ipynb 插件将 jupyter notebook 转换为所需的内容。我有一个 ipynb 和 ipynb-meta 文件。我可以编辑 ipynb-meta 中的元数据，但我不确定如何处理您发布的最后一行以在我的模板中使用。
我的错！它需要一个img 标签。
谢谢。我仍然缺少一些非常基本的东西。你说的模板是什么意思？我在哪里添加这条线？
我将您推荐的行添加到 article.html 模板中，结果是在每篇文章的开头添加了封面图片，而不是像我希望的那样在索引页面和帖子页面上。
嗨@EyalS.，这是正确的......每个案例都有一个模板，只需查看文档以找到满足您需求的模板：docs.getpelican.com/en/stable/themes.html#structure

【解决方案2】：

在已经使用 article.summary 的地方添加它。我使用鹈鹕主题alchemy（使用引导程序），article.summary 在index.html 中。我将其扩展如下：

  <div class="col-sm-8">
    <h4 class="title"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h4>
    <div class="content">
      {{ article.summary|striptags }}
      {% if article.cover %}           
         <div class="container"><div class="col-md-6" style="padding-left: 0px;  padding-right: 0px;">
           <img src="{{ article.cover }}" class="img-fluid">
           </div></div>   
      {% endif %} 
    </div>
  </div>

这对我来说适用于 images 文件夹中的图片。

但是我还有一个问题：帖子在同一个images-文件夹中找不到图片:-(

【讨论】：

【解决方案3】：

对于那些在 Pelican 中使用 AboutWilson 模板的人，我通过在 index.html 文件（在模板文件夹中）中添加以下代码来使其正常工作

{% if article.cover %}
Cover:
<span> 
    <img src="{{ article.cover }}" alt=""> 
</span>
{% endif %}

【讨论】：