使用Gatsby和模板进行分页

时间:2019-10-07 22:19:24

标签: javascript reactjs gatsby

我正在尝试为我在盖茨比的博客创建分页。我设法使分页得以完成。

当我转到localhost:8000/posts时,会得到我的博客文章的整个列表。 当我转到localhost:8000/posts/2时,会得到分页的帖子列表,仅显示3条帖子。

当我尝试访问帖子时说http://localhost:8000/posts/loading-css-via-prefers-color-scheme/,我得到一个TypeError: Cannot read property 'page' of undefined,因为这是我的目录,所以让我失望了:

│   ├── posts
│   │   ├── breaking-jekyll-posts-into-years.md
│   │   ├── cleaning-up-git.md
│   │   ├── converting-dates-from-api-repsonses-in-django.md
│   │   ├── css-dark-mode.md
│   │   ├── generating-ssh-keys.md
│   │   ├── getting-api-data-into-your-templates-with-django.md
│   │   ├── imgs
│   │   ├── loading-css-via-prefers-color-scheme.md
│   │   ├── sticky-footer-with-flexbox.md
│   │   └── writing-a-changelog.md
│   └── templates
│       ├── post-list.js
│       └── post.js

This是我的分页帖子模板

这是我的gatsby node file

以上有两个问题。

  1. 相对于能够点按到实际帖子的地方,我出了什么问题。
  2. 如何在URL localhost:8000/posts上而不是整个页面上显示分页的帖子...这只是我没有看到的模板问题?我可以在页面中使用模板吗?还是可以将模板用作页面?

1 个答案:

答案 0 :(得分:1)

您正在用class Circle: def __init__(self, radius): # Define the initialization method below self.radius = radius if radius < 0 or radius > 1000: raise ValueError("radius must be between 0 and 1000 inclusive") 中的第二个module.exports.createPages覆盖

gatsby-node