mtv - ¿Cómo mostrar una vista previa de una publicación?(Usando el tema de Jekyll Bootstrap)

jekyll tutorial

Question

Esta es probablemente una pregunta fácil, pero ¿cómo puedo mostrar vistas previas de mis publicaciones en la página predeterminada? Estoy usando el tema de Jekyll Bootstrap Tom.

Answer 1

Esta es una vieja pregunta, todavía me gustaría agregar una solución para el problema de formato, como se plantea en la respuesta de @ Talon876 here .

Al final de cada publicación, agregar etiquetas de cierre como </em>,</strong> or </b> puede no ser tan ordenado, pero mantiene el formato al mostrar los extractos.

Por ejemplo:

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

Answer 2

Esto también funciona al menos a partir de 1.0.0 , está integrado y es fácil de usar.

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

Mira here .

Answer 3

Me gustó el enfoque de comentario <!--more--> de WordPress, así que escribí algo en ese sentido:

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

Tu publicación se vería así:

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

Luego puede usarlo en sus plantillas de esta manera:

Muestre el extracto (todo sobre el <!--more--> comentario):

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

Mostrar resto (todo después del <!--more--> comentario):

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

Cualquier argumento que no sea excerpt o remaining simplemente mostrará la publicación completa.

Answer 4

Mirando a través de las funciones here , encontré strip_html y truncatewords.

Aquí hay una muestra de "lista de publicaciones" con 75 palabras de texto de vista previa.

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