Html 在jekyll站点预览博客文章

到目前为止，我已经使用jekyll创建了index.html页面，以下是报价：

---
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>

---
布局：布局
标题：“职位”
---

{site.posts%中的post为%s}


{%endfor%}

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

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

---

谢谢您的帮助。

如果您对只显示一定数量的单词有特殊要求，那么您需要使用Javascript使用空格分割内容并计算单词（）

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

中：

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

---

这将整齐地预览文本，并在宽度的末尾添加省略号

jekyll的最新版本1.0.x为所有帖子提供了一个

post.extract

变量，其中包括帖子的第一段。它可以很安全地用于预览文章

---

有关详细信息，请参阅。

设置大小是否足够？ie在宽度为200px的div中；溢出：隐藏？或者你想让它成为文字的数量？谢谢你，嘉莉，我相信一套尺寸就足够了。谢谢你，嘉莉，我真的很感谢你的快速帮助-你是我今天的英雄，只是说！在最新的jekyll版本中，这不再是必需的，请参阅我的答案了解详细信息。谢谢Polygome，这是一个非常简洁的功能，我感谢你在主题结束后发表文章-你真是太棒了！