index.md

Question

我试图在Github页面上构建我的博客，我必须使用Jekyll-paginate，原因很明显。问题是，我不会将index.html页面用于欢迎页面以外的任何内容。我在名为articles的文件夹中有一个名为index.html的单独页面，因此博客的网址应为xyz.github.io/articles/。

然而，这提出了一个主要问题 - 显然jekyll-paginate拒绝在博客根目录中没有明确的index.html的情况下工作。所以，我尝试使用没有这种限制的jekyll-paginate-v2，它运行得很好！

然而，github页面不支持jekyll-paginate-v2，因此，我回到了正方形1.我该怎么办？

注意：这是我的代码：

index.md

---
layout: home
title: SomuSysAdmin
---

If you're new to this site and have no idea what's going on, first go and read the [About](about.md) section of the blog.

Here's a list of all the major articles this blog contains: 

## [Red Hat Certified Systems Administrator (RHCSA) Guide]({% post_url 2017-09-11-RHCSA %})

这是我的_config.yml：

# -----------------------------------------------------------------------------
#  User configuration
# -----------------------------------------------------------------------------

title:               SomuSysAdmin

# The unique resource location of your page.
# Set to `https://<username>.github.io` when hosting on GitHub Pages
url:                 https://somuSysAdmin.github.io

# Set to '' when hosting a blog on GitHub Pages, ie on `//<username>.github.io`
# Set to '/<reponame>' when using the `gh-pages` branch of a repository
baseurl:             ''

# A very short description of your page
tagline:             Easiest way to earn some SysAdmin mojo!

# A short description of the page, used in the sidebar and as fallback for the meta description tag.
# Markdown enabled, but don't use more than one paragraph (enforced by `>`)
description:         >
  A short set of notes and pointers concerning everything I know about System Administration.
# This should be the same author as first entry in `_data/authors.yml`
author:
  name:              Somenath Sinha
  email:             somu.sysa_fakeID@gmail.com

# Fallback image and color
image:               /assets/img/nap.jpg
color:               '#4ea97e'

# The font used for headings. Expects a string that is a valid CSS font-family value.
font_heading:        "'Roboto Slab', Helvetica, Arial, sans-serif"

# The text font. Expects a string that is a valid CSS font-family value.
font:                "'Noto Sans', Helvetica, Arial, sans-serif"

# The string encoding what fonts to fetch from Google Fonts.
# See: https://qwtel.com/hydejack/docs/configuration/
google_fonts:        Roboto+Slab:700|Noto+Sans:400,400i,700,700i

# If you do not use a Google Fonts, uncomment the line below
# no_google_fonts:     true

# Set your Google Analytics id to receive `pageview` events.
# To remove Google Anaylics from your page, remove the line below.
google_analytics:    <UA-XXXXXXXX-X>

# Setting a disqus shortname will enable the comment section on pages with `comments: true` in the front matter
disqus_shortname:    somusa

# This text will appear in the footer of every page. Markdown enabled.
copyright:           '&copy; 2017 Somenath Sinha. All rights reserved.'

# Format of the permalinks
permalink:           pretty

# Pagination configuration (used by the `blog` layout)
paginate:            5
paginate_path:       '/page-:num/'

# If you are upgrading form a v5 verison of Hydejack, uncomment the two lines below,
# so that the location of the feed XML stays the same.
# feed:
#   path:              atom.xml

# Set to true when building with the `--lsi` option
# See: https://jekyllrb.com/docs/variables/#site-variables
# use_lsi:             true

# Set to `true` if you don't want to show an icon after each link that opens to an external site
# no_mark_external:    true

# Uncomment this line if third party plugins fail to work with dynimically loaded pages
# disable_push_state:  true

# Uncomment this line if want to disable the touch drawer on mobile
# disable_drawer: true

# -----------------------------------------------------------------------------
#  Collections
# -----------------------------------------------------------------------------

collections:
  featured_categories:
    permalink:       /category/:name/
    output:          true
  featured_tags:
    permalink:       /tag/:name/
    output:          true
  projects:
    permalink:       /projects/:path/
    output:          true

# -----------------------------------------------------------------------------
#  Advanced configuration
# -----------------------------------------------------------------------------

gems:
  - jekyll-default-layout
  - jekyll-feed
  - jekyll-optional-front-matter
  - jekyll-paginate
  - jekyll-redirect-from
  - jekyll-relative-links
  - jekyll-sitemap

exclude:
  - README.md
  - node_modules
  - package.json
  - package-lock.json
  - Gemfile
  - Gemfile.lock

kramdown:
  footnote_backlink: '&#x21a9;&#xfe0e;'
  math_engine:       mathjax
  math_engine_opts:
    preview:         true
    preview_as_code: true

compress_html:
  comments:          ["<!-- ", " -->"]
  clippings:         all
  endings:           all
  ignore:
    envs:            [development]

sass:
  style:             compressed

这是我的文章/ index.md：

的内容

---
layout  : blog
title   : Articles
menu    : true
order   : 1
---

那么，有没有什么方法可以在不使用显式index.html的情况下使用jekyll-paginate？

当我尝试在没有index.html的情况下在我现在的博客上运行jekyll时会发生什么：

$ bundle exec jekyll serve --incremental
Configuration file: D:/Git/blog/_config.yml
      Deprecation: The 'gems' configuration option has been renamed to 'plugins'. Please update your config file accordingly.
      Source: D:/Git/blog
      Destination: D:/Git/blog/_site
Incremental build: enabled
    Generating...
      Pagination: Pagination is enabled, but I couldn't find an index.html page to use as the pagination template. Skipping pagination.
                    done in 1.736 seconds.
Please add the following to your Gemfile to avoid polling for changes:
    gem 'wdm', '>= 0.1.0' if Gem.win_platform?
Auto-regeneration: enabled for 'D:/Git/blog'
  Server address: http://127.0.0.1:4000/
  Server running... press ctrl-c to stop.

正如您所看到的，分页根本不起作用那么，我该如何解决？我是Markdown的新手杰基尔，所以我甚至可能会错过一些明显的东西！请帮我解决一下！

Answer 1

documentation for Jekyll pagination说：

分页仅适用于HTML文件

分页在Jekyll网站的Markdown或Textile文件中不起作用。从HTML文件中调用分页时，分页名称为index.html，可选地可以通过paginate_path配置值驻留在子目录中并从子目录中生成分页。

因此，如果您希望自己的博客位于网址/articles/和/articles/N/上，请在配置中指定：

paginate_path: "/articles/:num/"

并在index.html目录中放置一个articles文件，其中列出了当前页面的帖子：

<!-- 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 %}

<!-- Pagination links -->
<div class="pagination">
  {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
  {% else %}
    <span class="previous">Previous</span>
  {% endif %}
  <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path }}" class="next">Next</a>
  {% else %}
    <span class="next ">Next</span>
  {% endif %}
</div>

（有关更多代码段和配置详情，请参阅documentation。）

编辑：我认为您的问题是paginate_path设置。您将其设置为'/page-:num/'，因此Jekyll Paginate会在您的网站根目录中查找index.html。

Answer 2

对我来说solution是：

如果您想将博客页面完全置于index.html之外，该怎么做。

blog                   # New directory
└── index.html         # Your new blog page

在此blog/index.html中，您需要添加此内容以呈现博客页面（home布局是您放置paginator.posts的地方）

---
layout: home
title: Blog
permalink: /blog/
---

然后使用以下命令确保您的_config.yml中具有分页器配置：

# PAGINATION
paginate: 5
paginate_path: "/blog/page:num"

如何在没有index.html的情况下使用Jekyll-paginate？

index.md

这是我的_config.yml：

这是我的文章/ index.md：

2 个答案: