问题标签 [sanity]
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.
reactjs - 从 Sanity.io 采购 Gatsby 图像会呈现低质量和小图像
我在 Gatsby 网站上工作,并从 Sanity.io 采购我的内容。与通过我自己的文件系统获取的图像相比,我从 Sanity.io CDN 返回的一些图像质量显着降低。我认为这与设置的图像尺寸不正确有关,但我无法弄清楚为什么它错误地设置了此图像。我正在尝试使用 gatsby-image 渲染这两个元素。
彼此相邻加载的图像的屏幕截图:
我的 graphQL 查询:
我在哪里渲染这两个图像:
当我检查我的 devtools 中的图像元素时,我可以看到来自 sanity 的图像的currentSrc如下:
看起来这里设置的图像尺寸不正确,因为宽度和高度约为原始图像的 50%。从上面的字符串可以看出,w=150&h=72似乎正在调整图像大小。
最后,在启动 Gatsby 环境时,我在控制台中收到以下警告:
这里有什么不正确的地方,还是我在设置过程中遗漏了什么?作为说明,我已经清除并重新安装了我的节点模块、公共和缓存文件夹。
css - React-Awesome-Slider 和 Gatsby 不支持的样式属性
我已将 React Awesomeslider 添加到我的项目中,该项目使用 Gatsby.js、Next.js 构建并使用 Sanity.io 作为 CMS。该 css 目前由 post css 配置。
https://github.com/rcaferati/react-awesome-slider
我已经按照文档中的建议链接了普通的 css(因为我没有在这个项目中使用 scss)。
这是我的组件
一切都显示为导入并且滑块出现在页面上但是我在控制台中显示了这个...
其他 CSS 似乎都没有通过。有没有人遇到过这个?
任何帮助,将不胜感激。
谢谢
javascript - 如何根据另一个参考的变化过滤参考?
我创建了一个具有 3 个参考字段的对象 - 类别、子类别和类型。我希望子类别显示与所选类别相关的子类别。
我尝试了文档filter
中提到的选项,但似乎无法使其正常工作,因此我将其删除。
这就是我定义categories
and的方式subcategories
。
任何帮助表示赞赏。
sanity - 如何自动引用 Sanity.io 中的其他帖子?
我最近尝试过 sanity.io CMS 来管理我个人博客上的内容。但是,我很难在有关“自动引用”的文档中找到一部分(这只是我的术语)。我希望我的每篇博文都有下一篇和上一篇博文的数据,所以我可以在底部创建按钮来导航到下一篇或上一篇博文。我怎样才能实现它?谢谢
gatsby - 将 CSS 类传递到 sanity block-content root
想象以下情况:
我从健全的 CMS 中检索富文本作为块内容。块内容包含单个块,例如<h2>Hello World</h2>
. 这个 HTML 是<Blockcontent block={someBlockContent}/>
使用@sanity/block-content-to-react的结果。
我的问题:
有没有办法将 CSS 类传递给呈现的 H2 元素?所以它会呈现像<h2 class="title">Hello World</h2>
?我看到了属性className和renderContainerOnSingleChild,但它们会为这个 H2 元素添加一个父级。但我想添加一个 CSS 类而不添加父 DOM。
谢谢你!
node.js - 有没有办法翻译 Sanity Studio?
我第一次尝试使用 Sanity,因为它看起来是一种很好的无头 CMS 方法。
但是我没有找到任何改变界面语言的方法。有谁知道这是怎么做到的吗?
nuxt.js - 在模板文字 GROQ 查询中使用变量/占位符 - @nuxtjs/sanity
我需要一个可重用的 Nuxt 组件,它从Sanity.io获取一些数据。我正在使用@nuxtjs/sanity包,所以查询如下所示:
但是,如果我尝试按照建议(${placeholder})在查询模板文字中使用变量作为占位符,它将不起作用。
这不起作用:
编辑
在 Sanity 模块的Github 存储库示例中,他们使用此代码来实现我正在寻找的内容:
遗憾的是这些解决方案没有出现在文档中。
他们为什么要导入 Vue?这些参数是否适用于文档中的代码示例?
reactjs - 健全的草稿预览不适用于块内容
我已经对博客创建体验进行了两次迭代。第一个由一系列不同的对象和文档类型组成,例如段落、图库、引用等,而第二个,也是最近的一个,利用块内容来简化流程。但是,我无法使用块内容获得草稿预览,而它与组件数组一起工作得很好。
这是用于草稿预览的模板:
然后在 Sanity 中设置博客内容:
现在,如果我去创建一个新的博客文章并填充Blog Content
任何内容并按下草稿预览,它会从前端显示模板但没有内容并且在检查器中我得到Warning: Failed prop type: The prop blocks is marked as required in SanityBlockContent, but its value is undefined.
这是因为块内容没有被传递到模板。现在,如果我用其他任何内容(例如文本组件)替换块内容,预览工作正常,似乎问题只是块内容。
sanity - Groq:加入文档字段
我有一个读取如下内容的架构:页面(文档)有一个项目数组(对象);每个 Item 可以有一个 Post(文档);每个帖子都有几个标签(文档)。
我已经完成了大部分的钻取工作,但由于某种原因,我无法完全解决标签上的连接问题。这是我的架构的简要介绍:
这是我的工作查询......</p>
...所以我已经弄清楚如何查询对象数组以及如何查询引用文档,但我似乎无法桥接查询引用文档数组。有什么线索吗?