如何显示一个post的预览？ （使用Jekyll Bootstrap主题）

这可能是一个简单的问题，但是如何在默认页面上显示我的post的预览？ 我正在使用Jekyll Bootstrap主题汤姆。

Answer 1

通过这里的function看，我发现strip_html和truncatewords。

这里有一个包含75个预览文字的“post列表”示例。

<ul > {% for post in site.posts limit 4 %} <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li> {{ post.content | strip_html | truncatewords:75}}<br> <a href="{{ post.url }}">Read more...</a><br><br> {% endfor %} </ul> 

Answer 2

这也起作用至less1.0.0 ，内置和使用简单。

 <ul> {% for post in site.posts %} <li> <a href="{{ post.url }}">{{ post.title }}</a> <p>{{ post.excerpt }}</p> </li> {% endfor %} </ul> 

看到这里 。

Answer 3

我喜欢WordPress的<!--more-->评论的方法，所以我写了一些东西：

_plugins / more.rb：

 module More def more(input, type) if input.include? "<!--more-->" if type == "excerpt" input.split("<!--more-->").first elsif type == "remaining" input.split("<!--more-->").last else input end else input end end end Liquid::Template.register_filter(More) 

您的文章将如下所示：

 --- layout: post title: "Your post title" published: true --- <p>This is the excerpt.</p> <!--more--> <p>This is the remainder of the post.</p> 

然后你可以在你的模板中使用它：

显示摘录（ <!--more-->注释之上的所有内容）：

 <summary>{{ post.content | more: "excerpt" }}</summary> 

显示余数（在<!--more-->注释之后的所有内容）：

 <article>{{ post.content | more: "remaining" }}</article> 

任何除了excerpt或remaining参数都将显示整个post。

Answer 4

这是一个古老的问题，仍然想增加一个格式问题的解决方法，如在@ Talon876的答案在这里提出的 。

在每篇文章的结尾添加结束标签（如</em>,</strong> or </b>可能不那么整齐，但在显示摘录时会保持格式。

例如：

 <ul > {% for post in site.posts limit 4 %} <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li> {{ post.content | strip_html | truncatewords:75}} </em></strong> <!-- This is what does the task--> <br> <a href="{{ post.url }}">Read more...</a><br><br> {% endfor %} </ul>