javascript - 使用 Gridsome 博客按日期排序

Question

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

我花了太多时间弄清楚如何按日期对博客文章进行排序，作为我使用的按文件名排序的 Casper V3 构建的默认设置。我想我会分享以防它帮助其他人。

Answer 1

我必须做的两件事：

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

如果在本地运行，则必须重新启动 gridsome 服务器才能看到更改，因为配置仅在启动时运行。如果您正在使用gridsome develop，则在停止/启动服务器之前您不会看到更改，并且如果您不更改配置，您肯定会在从更改created为之后看到错误。date

希望这对某人有帮助。