问题标签 [nuxt-content]

关于如何在对象上执行 Nuxt Content where() 有点问题。我的意思是考虑以下网址：

在此页面上，我需要按该标签 slug 过滤所有文章。现在我的 .md 结构如下：

现在我确实注意到了以下几点：

为了过滤对象和数组，您需要启用nestedProperties，请参阅配置。

所以在我的 nuxt 配置中，我添加了：

然而，这似乎也不起作用。

我的搜索代码：

我不确定我是否误解了文档或搜索，但如果有人有任何很棒的想法！

我是@nuxt/content模块的新手，它运行良好，除了在 components中。

在这里，我试图获得这样的内容：

布局.vue

组件.vue

如何在组件中使用内容？

在我的“个人页面”项目中，我使用的是 NuxtJS，它的@nuxt/content内容模块和 Vuetify UI 框架。

最近发现一个问题：在markdown文件里面的Vuetify组件在生成静态站点时没有渲染，但是在开发模式下运行项目时可以正确渲染。我检查了@nuxt/content中关于这个问题的问题，发现了 2 个问题：#221和#700

主要讨论在issue #221内。

不久，我从问题中了解到：Vuetify 加载程序不检查降价文件的内容，这就是为什么在运行nuxt generateVuetify 组件时（可以在没有导入的任何组件中使用）在降价文件中使用时不会呈现。在nuxt dev模式下 Vuetify 组件被正确渲染，因为 treeshake 在开发模式下被禁用

在 markdown 文件中，我只使用了一个组件 - <v-alert>，所以最后的解决方案是下一个：

我需要在显示降价文件内容的页面上使用此代码。有了它，nuxt generate结果就是我想要的 - 如果在 Markdown 文件中使用，Vuetify 组件将成功呈现。

但是这段代码也带来了一个问题：如果我使用它运行它，当nuxt dev我Unexpected token 'export'访问显示带有 Vuetify 组件的降价页面时会出错。

最后的问题是：如何使用模板从页面中删除这些导入以显示降价内容？可能类似于“条件导入”（使这些导入仅在运行时执行nuxt generate）或其他什么？

当然，每次我在开发模式下运行项目时，我都可以评论/取消评论，但我不确定这是正确的方式。

我已经安装了@nuxt/content，但是在运行时npm run dev我收到了这个错误消息，尽管一切正常：

我在安装过程中遗漏了什么吗？

我正在使用节点LTSv14.16.0和npm 6.14.11。

package.json：

nuxt.config.js：

foo.md

我正在开发一个 nuxt 网站并使用 Forestry.io 作为 CMS。

我一直在编写降价文件以将内容输入网站，以确保一切正常。现在是时候通过将网站连接到 Forestry 来使网站更加用户友好了。以前，我总是直接在 Forestry 上设置模板，但是由于这个站点上有很多内容（.md）文件，我发现在 VSCode 上编写模板文件并将设置推送到 Forestry 会更快。

问题：图像（文件）和所见即所得字段在 Forestry 上没有正确显示。

这些字段只是在 Forestry 上显示为简单的文本字段。

任何想法为什么会这样？

多谢！

我在我的应用程序中使用了 nuxt / content 并且运行良好。在应用程序的另一部分，我想从数据库中获取一些降价并显示它。

这不起作用，因为我缺少解析步骤；当您这样做时，$content("a_page_title_here").fetch()它会解析获取的文本并将其作为结构化 json 呈现给组件。

如何使用$content来解析文本，以便将其传递给组件进行显示？

我敢打赌有办法做到这一点，但文档不包含描述您可以使用的所有内容的参考部分$content。

如果有使用底层 Remark 组件的简单方法，我可以做到。

我已经使用nuxt.js/content建立了一个投资组合项目

我试图只在一页上显示所有需要的内容。

这是我显示内容的方式：

这是我存储数据的地方，我的设置方法currentPortfolioItem以及获取数据的方式：

现在我的想法是，当我按下那个nuxt-link按钮时，我会在它下面打开一个 div，显示我的 .md 文件的内部。

我面临的问题是，从 nuxt/content 文档中，我读出如何显示 .md 文件正文的唯一方法是使用它：

但是由于某种原因，我在显示它的任何地方都没有显示任何数据。该元素唯一有效的时间是在单独的_slug.vue文件中

我尝试探索通过 /content API 发送的对象，我确实得到了一个 Body 对象，但它被分成更小的元素数组，这些元素的变化取决于 .md 文件中使用的内容。像这样：

因此我不确定如何从这里继续，也许有人有一个很好的技巧或想法如何做到这一点？

在我的 Nuxt 页面中，我有一个导航组件，我尝试在其中实现类似

[标志] [产品] [信息] [职位(2)]

其中 (2) 是一个标志，表示相应“作业”内容文件夹中的项目数。我试图填写该州，但无法使其正常工作。我的状态如下所示：

我的 Navigation.vue 组件：

回应是

Uncaught (in promise) TypeError: $content is not a function

我觉得我错过了一些东西，但是在代码中像 2-3h 之后我就失明了。

我正在使用nuxt.js/content构建博客，我想使用插件color mode应用暗模式。

如何将深色模式应用于文章？

我试图做dark: prose-dark，没有工作。

我在组件文件夹中有一个ListProjects.vue 。

我在内容文件夹中也有projects.yaml

如果我在我的 index.vue 页面上获取 projects.yaml 的内容并作为道具传递给 ListProjects.vue，那么当我更新 projects.yaml 时热重载会起作用

但是，如果我只是在我的索引上引用 ListProjects，并且在 ListProjects.vue 中获取内容，那么热重载将不起作用。

在这两种情况下，我都以这种方式获取内容：

问题

是否可以仅通过获取组件内的内容来使 hrm 工作？