通过Gridsome博客按日期排序

时间:2020-02-21 00:34:16

标签: javascript vue.js gridsome

我最近开始使用Gridsome静态站点生成器构建一个新站点,并且我喜欢它。我在网站上工作时注意到的一件事是,当我创建帖子时,它们没有按照任何特定的顺序出现,或者我以为如此。我对GraphQL总共n00b,所以我开始寻找让Gridsome按日期对博客文章进行排序的方法。

我花了太多时间弄清楚如何按日期对博客帖子进行排序,这是我使用的按文件名排序的Casper V3版本的默认设置。我以为可以分享,以免对其他人有帮助。

1 个答案:

答案 0 :(得分:1)

我必须做的两件事:

  1. 将博客页面中的“创建”字段改为“日期”。如果您不将其称为“日期”,则该字段将被视为字符串,并将进行相应的排序。
  2. 在gridsome.config.js中,将sort: { by: "date", order: "ASC" },添加到抓取博客文件的部分,我将其放在typeNamepath之后,以便生成的GraphQL查询将对结果进行排序该日期字段。

如果在本地运行,则必须重新启动网格服务器,以查看更改,因为配置仅在启动时运行。如果您使用的是gridsome develop,则在停止/启动服务器之前,您将看不到更改;如果您未将服务器从created更改为date,则肯定会看到错误。还要更改配置。

希望这对某人有帮助。