如何在Pelican文章摘要中显示图像?

时间:2017-08-30 04:47:08

标签: python python-3.x pelican

如果某篇文章没有明确的摘要'在其元数据部分中,Pelican将在使用SUMMARY_MAX_LENGTH = 50时默认输出50个单词({{ article.summary }})。如果文章的开头包含大图像(就尺寸而言),则该大图像将包含在文章摘要中。

当使用{{ article.summary }}的目的是阻止文章占用太多空间时,此行为可能会出现问题,尤其是在列出所有文章的网站索引页面上使用时。

是否有办法阻止文章摘要中的图像输出?

我正在使用Pelican 3.7.1。

2 个答案:

答案 0 :(得分:0)

尝试使用摘要插件:

  

此插件允许直接嵌入简单,可变长度的摘要   进入你的文章的正文。它引入了两个新设置:   SUMMARY_BEGIN_MARKER和SUMMARY_END_MARKER:可以是的字符串   直接放入文章中以标记a的开头和结尾   总结

https://github.com/getpelican/pelican-plugins/tree/master/summary

答案 1 :(得分:0)

使用我的Pelican版本(具有Pelican-bootstrap3主题的Pelicant 4.0.1),您可以像使用以下脚本标记那样简单地将图像向下放入markdown文章模板中:

title: title
slug: sluggy
category: stuff
date: 2019-02-12
modified: 2019-02-12

Just some article text with some **markdown** styling.

<script>
<!--
    // This is pure filler that pelican wont execute but does consider when
    // determining the size of the article in the homepage/index overview.
//-->
</script>

<img src="path/to/my/image.png">

More _markdown_ article text.

如果填充物足够,图像将不会显示在索引/摘要中。

如果您想防止图像在摘要概述的中间弹出,并且您不想使用“摘要”选项( 减去DRY,则可以执行以下操作):

title: title
slug: sluggy
category: stuff
date: 2019-02-12
modified: 2019-02-12

This is my article text about how I once altered an image, the result 
was:

<span class="img_point_of_reference"></span>

and I write more text over here.

<script>
    var my_image = document.createElement('IMG')
    my_image.src = "./images/stuff/example_image.png"

    var ref_point = document.getElementsByClassName("img_point_of_reference")[0]
    ref_point.parentNode.insertBefore(my_image, ref_point)
</script>

仅当文章完全加载后,最后的Javascript才会执行。