【问题标题】:Building Categories with Prismic?使用 Prismic 构建类别?
【发布时间】:2020-01-17 23:46:54
【问题描述】:

我有一个现有的 Gatsby/Prismic 博客。我现在正在尝试使用类别来组织我的内容。有谁知道好的教程吗?从字面上看,我发现只有 1 个文档,但并没有真正的帮助。有谁知道使用 Gatsby 和 Prismic 创建和显示类别的步骤?

【问题讨论】:

  • 创建一个名为 category 的自定义类型。创建一些类别。在您的帖子类型中使用content relationship 字段链接到它。

标签: graphql gatsby prismic.io


【解决方案1】:
  1. 在“棱镜”中添加一个名为“类别”的“可重复类型”的新“内容类型”。

  2. 要构建类别结构,您可以使用右侧的“构建模式”或“JSON 编辑器”。如果您选择“JSON 编辑器” 粘贴在 .

{
  "Main" : {
    "name" : {
      "type" : "Text",
      "config" : {
        "label" : "name",
        "placeholder" : "Name of the category"
      }
    }
  }
}

...然后保存。

  1. 现在添加新类别,就像您添加新博客文章一样。单击新内容,然后单击“类别”并输入类别名称,例如:事件,然后按“保存”和“发布”。
  2. 现在编辑您的博客文章内容库。如果你点击 JSON 编辑器添加到 Meta

{
  "Main" : {
 //Here is your code for the blog post add the Meta below
  "Meta" : {
    "categories" : {
      "type" : "Group",
      "config" : {
        "fields" : {
          "category" : {
            "type" : "Link",
            "config" : {
              "select" : "document",
              "customtypes" : [ "category" ],
              "label" : "category",
              "placeholder" : "Category"
            }
          }
        },
        "label" : "Categories"
      }
    }
  }
}
  1. 单击您也想添加类别的旧博客文章。现在应该在 Main 旁边有一个 Meta 标签。当您单击它时,您会看到有一个类别字段,单击时会列出您创建的类别字段。选择一个。

  2. 现在您可以按类别过滤您的博客文章。你如何做到这一点取决于你,也许是一个查询来获取你放入下拉列表的所有类别名称? 一个很好的例子就是这个 Gatsby Starter https://github.com/LekoArts/gatsby-starter-prismic-i18n

【讨论】:

    猜你喜欢
    • 2021-06-12
    • 2020-08-11
    • 1970-01-01
    • 1970-01-01
    • 2019-08-03
    • 2014-03-20
    • 1970-01-01
    • 2017-12-08
    • 2020-02-05
    相关资源
    最近更新 更多