问题标签 [prismic.io]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
747 浏览

gatsby - Gatsby、RSS 提要和无头 CMS

我正在使用 Gatsby 构建一个站点,并且该站点有一个“新闻”部分。此部分将由从不同 RSS 提要中提取的各种新闻文章填充。

但是,我不想包含每个提要中的每篇文章,我希望有一些编辑控制(例如:修改标题、添加介绍行等)。

是否可以针对某种无头 CMS(例如 Contentful 或 Prismic)来执行此操作?

如果是这样,知道怎么做吗?

谢谢。

0 投票
1 回答
2156 浏览

pagination - 如何对 Prismic 和 Nuxt 上的特定博客文章进行分页?

我正在尝试使用两个<a>标签对我的博客页面上的特定帖子进行分页。

根据Prismic Pagination API,实现这一点就像传递参数链接一样简单?page=1,例如example.com/blog/?page=1,但没有任何改变。

如果我不能使用组件实例来更改它,我该如何查询page选项,它位于 async 函数内部?asyncData()

pages/blog/index.vue

0 投票
1 回答
447 浏览

reactjs - 棱镜预览未在盖茨比中显示更新的内容

我正在使用 Gatsby 和 Prismic 开发网站。我正在使用 prismic-javascript 实现棱镜预览。单击 prismic 上的预览时,gatsby 将其重定向到正确的 URL,但更新的内容现在不显示。

我尝试使用 gatsby-source-prismic-preview 插件,但没有奏效。

这是我的预览页面。

请让我知道我的错误是什么。

0 投票
0 回答
259 浏览

reactjs - 在 InitialProps 中获取数据

它使用 Reactjs、Nextjs 和 Prismic 制作的网站,用于管理后端数据

我尝试将我文章的内容放在我的文件中的getInitialProps中,我通过文章的slug恢复了找到好文章的参数,在开发中我没有问题但是当我想部署应用程序时出现错误

实际上,当我启动时npm run deploy出现此错误:

谢谢,

0 投票
1 回答
31 浏览

vue.js - 在 vuetify v-btn 中正确使用分组棱镜链接字段?

我有一个包含一堆字段的棱镜组(link_sections)。其中一个字段是链接,因为我使用这些组创建的标记应该包含一个链接到网站其他地方的按钮。问题是我不知道如何在这种情况下正确使用棱镜链接,因为据我所知,不可能像这样在 v-btn 内绑定链接数据......

如果我只是在 v-btn 元素之外渲染出 {{section.link}} 我可以成功渲染出链接的文本值,但这大约是我能做的,显然我想将文本用作实际链接。任何人都知道如何使棱柱组中的链接字段与 v-btn 元素一起使用?

0 投票
2 回答
517 浏览

reactjs - 在 Gatsby App 中映射 Prismic Slice 数据

我在 Prismic 中有一个“单一类型”页面,其中包含一些正常的内容字段,例如uidor headline。它还具有不可重复字段的切片内容。

这是我的查询的样子:

在我的页面中,我像这样返回它:

但是我不知道如何在client_name不使用他们文档中使用的 ApolloClient 的情况下映射我的切片字段(即)?

我的第一次天真尝试失败并返回TypeError: Cannot read property 'data' of undefined

0 投票
1 回答
127 浏览

vue.js - 如何使用棱镜组字段作为 vuetify v-select 元素中的项目?

我在 prismic 中创建了一个字段组(question_topics),其中有一个键文本字段(主题),用于添加我需要的尽可能多的主题。我已经能够成功地将内容放到我的网站上,但我不知道如何在 v-select 元素的 :items 属性中获取字段数据。

通常对于组字段,我在循环每个字段以呈现数据以执行此类操作的情况下使用它们...

但现在我正在尝试做这样的事情......

但是这样做会用 [object OBJECT] 为我输入到仪表板的每个字段填充 v-select 字段,而不是实际的字段值。

这根本不会创建任何数据。

我可以只渲染字段 {{fields.question_topics}} 并得到这个数组:

有谁能够解释如何将这些主题值放入 v-select 元素 :items 道具中?

0 投票
1 回答
43 浏览

vue.js - 将棱镜字段放入数组中以用于 v-select :items prop 用于 vuetify 项目?

我需要将一些棱镜字段放入 v-select 元素的 :items 道具中,但我还没有找到一种有效地做到这一点的方法。我不确定是否需要使用不同的字段类型来完成此操作,但此时我正在尝试呈现组字段(API ID 'question_topics')中的关键文本字段(API ID 'topic') .

我使用 getContent 方法通过以下方式检索字段:

我已经将它们转换为数据:

然后在我的标记中,我可以渲染出数据:

如果我将 fields.question_topics 放在我的 v-select 元素的 :items 属性中,它只会为我拥有的每个主题字段重复 [object Object]。显然,我希望这些成为每个主题字段的文本,但我不知道采取什么方法,并且到目前为止我尝试过的任何方法都没有取得任何成功。有谁知道解决方案?

0 投票
3 回答
3169 浏览

reactjs - GraphQL 查询适用于 Gatsby 页面,但不适用于类组件

有几个类似的问题,但除了 pages 文件夹中的组件之外,没有一个问题能帮助我真正理解在(类)组件中使用 GraphQL。

我的项目结构如下所示:

我有一个名为about(Prismic 单页类型)的页面组件,并设置了一些组件来“填充”此页面(已清理以提高可读性)。

这就是我的查询的样子(在两个文件中都这样):

(如果我在底部缺少一个括号,这是由于清理了 SO 的查询示例——如前所述,它在我的页面组件中工作)。

我的 graphql 查询位于AboutPage页面组件的底部。它就像一个魅力和预期的那样工作。

但是为了稍微清理一下这个页面,我想创建适当的组件并将我的查询放在每个组件中(例如aboutBodyaboutCarousel),再次清理一下:

我从我的about页面组件中删除了查询并将其放入我的AboutBody组件中(完全如上所示的方式)。

但是这样它总是返回错误Cannot read property 'prismicAbout' of undefined(我什至不能控制台记录数据,它总是返回相同的错误)。

import { graphql } from "gatsby"在两个文件中都使用了。

长话短说,我怎样才能实现在我的类组件中放置一个查询并只呈现该组件而不澄清我的页面组件中的道具,如下所示:

一些博客文章提到了 GraphQL 查询片段,但不确定这是否是正确的用例,或者这只是一个愚蠢的初学者错误......

0 投票
1 回答
32 浏览

mongodb - 外包网页内容与维护本地内容

我正在开发一个完整的网络应用程序......

我正在考虑使用 prismic.io 外包一些我将通过 graphQL 查询的 Web 内容。但我会将用户的个人信息存储在 mongoDB 的本地实例中。

什么是长期利益?如果我可以通过一个为我保存所有内容的 mongodb 实例自己存储所有内容