如何在Gatsby中反转页面顺序？

Posted 2023-01-31

我需要更改博客文章的页面顺序，以便使新文章排在顶部，而不是底部。

现在，较早的帖子位于页面顶部。

这是我的gatsby-node.js。如何取消订单？

const path = require('path');

// registering our posts

exports.createPages = ( boundActionCreators, graphql ) => 
  const  createPage  = boundActionCreators;

  const postTemplate = path.resolve('src/templates/blog-post.js');

  return graphql(`
    
      allMarkdownRemark 
        edges 
          node 
            html
            id
            frontmatter 
              path
              title
              date
              author
            
          
        
      
    
  `).then(res => 
    if (res.errors) 
      return Promise.reject(res.errors);
    
    res.data.allMarkdownRemark.edges.forEach(( node ) => 
      createPage(
        path: node.frontmatter.path,
        component: postTemplate,
      );
    );
  );
;

答案

您的GraphQL结果将传递到您的createPage（）函数，在该函数中按照结果集给定的顺序创建页面。您可以在查询中订购GraphQL结果集：

    
      allMarkdownRemark( sort:  fields: [frontmatter___date]
                                 order: DESC  // order by date descending 
      ) 
        edges 
          node 
            html
            id
            frontmatter 
              path
              title
              date
              author
            
          
        
      
    
  `

请参阅Gatsby GraphQL documentation了解更多选项。