【问题标题】:Sort by Date with Gridsome blogs [closed]使用 Gridsome 博客按日期排序 [关闭]
【发布时间】:2020-06-05 09:45:05
【问题描述】:
我最近开始使用 Gridsome 静态站点生成器构建一个新站点,我喜欢它。在网站上工作时我注意到的一件事是,当我创建帖子时,它们并没有以任何特定的顺序出现,或者我是这么认为的。我对 GraphQL 完全不了解,所以我开始寻找让 Gridsome 按日期对博客文章进行排序的方法。
我花了太多时间弄清楚如何按日期对博客文章进行排序,作为我使用的按文件名排序的 Casper V3 构建的默认设置。我想我会分享以防它帮助其他人。
【问题讨论】:
标签:
javascript
vue.js
gridsome
【解决方案1】:
我必须做的两件事:
- 将博客页面中的“已创建”字段改为“日期”。如果您不将其称为“日期”,则该字段将被视为字符串并进行相应排序。
- 在 gridsome.config.js 中,将
sort: { by: "date", order: "ASC" }, 添加到获取博客文件的部分,我将其放在 typeName 和 path 之后,以便生成的 GraphQL 查询按该日期字段对结果进行排序。李>
如果在本地运行,您必须重新启动 gridsome 服务器才能看到更改,因为配置仅在启动时运行。如果您使用的是gridsome develop,则在停止/启动服务器之前您不会看到更改,如果您不更改配置,则在从created 更改为date 后肯定会看到错误。
希望这对某人有帮助。