Jekyll博客在非index.html页面上发布

前端之家收集整理的这篇文章主要介绍了Jekyll博客在非index.html页面上发布前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用了以下来自Jekyll网站的代码片段,在我的index.html页面上对Jekyll plog帖子进行了分页
<div class="container">

         <ul class="post-list">
    <!-- This loops through the paginated posts -->
    {% for post in paginator.posts %}
      <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
      <p class="author">
        <span class="date">{{ post.date }}</span>
      </p>

      <div class="content">
        {{ post.content }}
      </div>
    {% endfor %}

      {% if paginator.total_pages > 1 %}
 <div class="pagination">
  {% if paginator.prevIoUs_page %}
    <a href="{{ paginator.prevIoUs_page_path | prepend: site.baseurl | replace: '//','/' }}">&laquo; Prev</a>
  {% else %}
    <span>&laquo; Prev</span>
  {% endif %}

  {% for page in (1..paginator.total_pages) %}
    {% if page == paginator.page %}
      <em>{{ page }}</em>
    {% elsif page == 1 %}
      <a href="{{ '/index.html' | prepend: site.baseurl | replace: '//','/' }}">{{ page }}</a>
    {% else %}
      <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//','/' | replace: ':num',page }}">{{ page }}</a>
    {% endif %}
  {% endfor %}

  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//','/' }}">Next &raquo;</a>
  {% else %}
    <span>Next &raquo;</span>
  {% endif %}
</div>
{% endif %}

  </ul>

    </div>

但是,当我尝试将其添加到/pages/Blog.html页面时,它不起作用.它没有显示我的_posts目录中的任何帖子,而是生成并清空容器.我假设这是一个路径问题.

我已根据需要将YAML标头添加到Blog.html文件中.呈现页面时,它会生成一个空容器.

解决方法

如果你想要一个类似于/ pages / Blog /的网址列表:

>通过在_config.yml中设置paginate:5来激活分页>在_config.yml中设置paginate_path:pages / Blog / page:num>将/pages/Blog.html重命名为pages / Blog / index.html

猜你在找的HTML相关文章