重要通知

这是叉子 原始仓库为贝利茨定制的.

gatsby 源代码存储

目录tack提供了一个源插件,用于将内容拉入 盖茨比 从 目录 堆叠。 它帮助您使用 GraphQL 在 Gatsby 中查询内容类型和条目 .

以下是使用此源插件构建的示例站点: https://xenodochial-hodgkin-8a267e.netlife.com/ (中文(简体) )

安装

npm install --save gatsby-source-contentstack

如何使用

从您的 Gatsby 项目的根目录打开 Gatsby- config.js 文件, 并配置以下参数

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-source-contentstack`,
    options: {
      // API Key is a unique key assigned to each stack. This is required.
      api_key: `api_key`,

      // Access Token is a read-only credential . This is required.
      access_token: `access_token`,

      // Environment where you published your data.
      environment: `environment`,
    },
  },
]

如何查询

您可以使用 GraphQL 查询从 Contack 创建的节点 .

所有内容类型和相应的条目都取自您的堆栈 。 将在你网站的GraphQL计划下创建 contentstack${contentTypeID} 财务报告和审定财务报表 allContentstack${contentTypeID}。 。 。 .

说明: 学习使用 GraphQL 工具和 Ctrl+ Spacebar http://localhost:8000/ graphql (英语) 以发现您的类型和属性 图QL模型.

查询条目

举例来说,如果 Blogs 作为您的内容类型之一,您可以以下列方式查询其条目:

{
  allContentstackBlogs {
    edges {
      node {
        id
        title
        url
        description
        banner {
          filename
          url
          title
        }
        created_at
      }
    }
  }
}

查询引用字段

引用字段为其它内容类型的条目提供引用. 由于来自 引用的条目数据 reference 字段.

{
  allContentstackBlogs {
    edges {
      node {
        id
        title
        url
        description
        authors {
          name
        }
        created_at
      }
    }
  }
}

马上就来

• 使用资产类型和图像处理支持 gatsby-transformer-sharp, (中文(简体) ), gatsby-plugin-sharp。 。 。 .