问题标签 [nuxt-content]

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 投票
1 回答
34 浏览

vue.js - 为什么从 NuxtJS 的 Content 模块的 TOC 列表中排除 H1 标签?

我正在导入大量使用大量 H1 (#) 标签的降价内容。在创建 TOC 组件时,我注意到 H1 标签被排除在 @Nuxt/Content 方便地提供的 TOC 数组之外。

事实证明这让我很头疼,我宁愿不编写脚本来更改数百个 MD 文件以将每个标题修改为更深一层,尽管这是一个选项。

我尝试过的事情:

修改content/parsers/markdown/index.js generateToc函数以将 h1 包含在const depth

在 Nuxt/Vue 中,文档对象仍未注册要包含在 TOC 中的 h1 标签。有没有人有解决方法或如何包含它们的想法?

最后——使用 H1 /#标签来分隔 markdown 中的主要部分不是很好的做法吗?

提前致谢!

0 投票
0 回答
56 浏览

nuxt.js - 在 Nuxt 3 中复制 nuxt/content 功能

我正在试验 Nuxt 3、Netlify 和 Netlify CMS。我对 vue 很熟悉,但对 Nuxt 很陌生。

我知道 nuxt/content尚未与 Nuxt 3 兼容。如果没有 nuxt/content,加载 Netlify CMS 在 /content 中创建的所有文件并将它们提供给我的 vue 组件的最佳方式是什么?

到目前为止,我已经尝试创建一些服务器/中间件,它使用节点 JS fs 模块收集内容,但我不确定如何最好地将其提供给应用程序。或者我可以写一个服务器端插件?

0 投票
1 回答
36 浏览

vue.js - 如何在组件中使用@nuxt/content?

我正在尝试在一个组件中使用 nuxt-contnt 它在带有 asyncData 的页面中运行良好,但在组件内部却无法运行

这很好用:

但这不起作用:

0 投票
1 回答
47 浏览

nuxt.js - 在 Nuxt.js 降价内容中使用 Tailwind CSS 类

我将 Nuxt 与内容插件和 Tailwind 排版一起使用。我想在 markdown 文件中使用 Tailwind 类来允许添加一些基本布局。

由于 Tailwind 不处理渲染的 markdown,<nuxt-content />因此其中使用的类不会包含在生成的样式中(除非它们在项目的其他地方使用)。

一种解决方法是使用非常聪明的 Tailwind 功能,该功能将包括注释中提到的类。我创建了一个全局组件,其中包括降价内容中可能使用的所有类。

然后我只是在降价内容中使用该组件:

我想知道是否有办法通过 Tailwind 运行降价内容以动态获取类。我假设它需要一个自定义构建步骤,但我对 Nuxt.js 或 Tailwind 都不够熟悉,还不知道从哪里开始。

有什么想法或建议吗?

0 投票
0 回答
7 浏览

vue.js - Nuxt 内容 Shiki 插件返回:ERROR /home not found

我正在尝试将语法荧光笔与@nuxt/contentShiki一起使用。

在我的nuxt.config.js项目文件中安装 shiki 包后。

我有

但是当我删除highlighter内容中的方法时,一切正常。任何人都可以帮助我吗?