功能首先创建一个名为 的目录_authors/并向其中添加一些作者文件。正如我们对帖子所做的那样按每个作者的名称命名文件。稍后我们将用它来查找作者。在每个文件中我们在 JSON 对象中指定作者的全名。为了赋予他们更多个性我们还为每个作者添加个人资料图片。我们将把这些静态文件放在public/目录中。通过使用相同的 slug 命名文件我们可以仅使用隐含约定来连接它们。我们可以将图片的路径添加到每个作者的 JSON 文件中以链接两者。通过用 slugs 命名所有文件我们可以管理此连接而无需将其写出。

对象只需要保存我们无法用代码构建

的信息与帖子相同我们现在需要辅助函数来读取所有作者并获取个别作者。新的功能getAllAuthors也getAuthorBySlugslug进去。他们的做法与岗位上的同行几乎完全相同。因为我们使用 JSON 来描述作者所以我们不 沙特阿拉伯电话号码表 需要在remark这里解析任何 Markdown。我们也不需要gray-matter解析 frontmatter。相反我们可以使用 JavaScript 的内置函数JSONparse将文件的文本内容读取到对象中。通过将作者读入我们的应用程序的方法我们现在可以添加一个列出所有作者的页面。在下面创建一个新页面将为我们提供网站上的pages/authors/indexjs一个页面。

辅助函数负责为我们读取文件该页面组件不

需要知道作者是文件系统中的 JSON 文件。getAllAuthors它可以在不知道从哪里或如何获取数据的情况下使用。只要我们的辅 B2C 电话列表 助函数以我们可以使用的格式返回数据格式并不重要。像这样的抽象让我们可以在应用程序中混合不同类型的内容。 作者的索引页看起来很像帖子的索引页。我们获取 中的所有作者getStaticProps并将它们传递给Authors组件。该组件映射了每个作者并列出了有关他们的一些信息。我们不需要从 slug 构建任何其他链接或。辅助函数已经以可用的格式返回作者。