html - 在 jekyll 站点中预览博客文章

Question

到目前为止，我有 index.html 页面使用 jekyll，这是引用：

---
layout: layout
title: "Posts"
---

<section class="content">
  <ul class="listing">
    {% for post in site.posts %}
    <li>
        <h1 align="center"><a href="{{ post.url }}">{{ post.title }}</a></h1>
    </li>
    {% endfor %}
  </ul>
</section>

我要做的是在标题和链接下预览特定帖子的前 25-30 个单词。

最好的方法是什么？我实际上找到了解决方案，但我没有保存链接，现在花了 2 天时间搜索无济于事。

谢谢您的帮助。

Answer 1

如果您只想显示一定数量的单词，那么您需要使用 Javascript 使用空格分割内容并计算单词（类似这样）。

不过，您很可能希望显示帖子的一小部分，例如预览。如果是这种情况，我建议<p>使用以下 CSS 将您的帖子正文插入：

.listing p{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%; /* or whatever you'd like */
}

演示

这将整齐地预览宽度末尾带有省略号的文本。

Answer 2

最新版本的 jekyll 1.0.xpost.excerpt为所有帖子提供了一个变量，其中包含帖子的第一段。它可以非常安全地用于预览帖子。

有关详细信息，请参阅https://gist.github.com/benbalter/5555369。