在gatsby索引页面中指定限制变量

Question

我正在盖茨比和索引页上创建一个静态博客。我想添加一个更多按钮。这意味着，最初它将显示5个帖子，并且当用户单击以阅读更多按钮时，它应该显示所有剩余的帖子。为此，我需要在索引页查询中为 limit 指定变量。 我编写了以下代码，但没有在何处以及如何将值赋予 $ limit 变量？

  export const query = graphql`
  query IndexPageQuery($limit: Int) {
    allMarkdownRemark(sort: {fields: [frontmatter___date], order: DESC}, limit: $limit) {
      totalCount
      edges {
        node {
          id
          frontmatter {
            title
            date(formatString: "DD MMMM, YYYY")
            image
          }
          fields {
            slug
          }
          excerpt
        }
      }
    }
  }
`;

任何对此的帮助将不胜感激。 谢谢。