预览的博客文章，杰奇网站

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

我试图做的是预览的第25-30话标题和链接下的特定帖子。

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

谢谢你的帮助。

来源

2013-05-17 Bardworx

设置的大小是否足够？即在div中使用'width：200px;溢出：hidden'？或者你想让它成为单词的数量？ –

谢谢嘉莉，我相信套装尺寸就足够了。 – Bardworx

最新版本的jekyll 1.0.x为所有帖子提供了一个post.excerpt变量，其中包括他的第一段帖子。它可以很安全地用于预览帖子。详细请参考https://gist.github.com/benbalter/5555369。

来源

2013-05-18 13:35:56 Polygnome

谢谢Polygnome，这是一个非常整洁的功能，我很感谢你在主题关闭后发帖 - 你当然真棒！ – Bardworx

您仍然可以更改接受的答案。 – Polygnome

如果你只是显示一定数量的单词，那么你需要使用Javascript来分割使用空格的内容并计算单词（something like this）。

最有可能的是不过，您想显示一小部分帖子，如预览。如果是这样的话，我还是建议你插入体内后与下面的CSS一个<p>：

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

DEMO

这将整齐地预览以省略号文本在宽度结束。

来源

2013-05-17 21:03:43

谢谢嘉莉，我非常感谢你快速帮助 - 今天你就是我的英雄，只是说！ – Bardworx

这是不再需要在最新的jekyll版本，请参阅我的答案的细节。 – Polygnome

预览的博客文章，杰奇网站

回答

相关问题