问题标签 [vuepress]

我有一个想要用 VuePress 记录的项目，并且我有一个需要 jQuery 运行的小代码。我知道您可以添加内联脚本标签并将代码放入其中，但我似乎无法添加 jQuery。这是文件夹结构和我尝试过的内容：

在 components.md 我最后添加了以下内容：

这是在脚本标签中添加 jquery 时的错误：

在 config.js 中添加 css 是可行的module.exports.head，但由于某种原因，添加 javascript 不起作用（添加了 jquery，但有时它可以工作，而大多数时候它不工作）。这是我在 config.js 中尝试过的

编辑：我测试了更多，显然，即使导入了脚本，我也无法选择我想要选择的元素。例如 $('.my-elements') 返回一个空选择器。另一方面，document.getElementsByClassName('my-elements') 工作并将我想要的元素显示为第一个数组元素，但如果我想选择最后带有 [0] 的第一个数组元素，它返回未定义。

我尝试使用上面的 2 个函数在控制台中选择元素。相同的功能在控制台中有效，但在脚本中无效，这很奇怪。

我正在使用 vuepress 构建个人笔记。我在里面放了一些 html、javascript 演示文件.vuepress/public/demo/javascript/01/。

当我在.md文件中使用写笔记时，我创建了一个链接[demo](/demo/javascript/01/)

这似乎效果不佳，因为这样的相对路径，vuepress 会将其视为.md文件并尝试查找路径和结果404 （虽然refresh在 404 页面上执行，但效果很好..）

什么是在公共下链接文件的更好方法，我可以在其中使用.md并使 vuepress 将其视为正常的外部链接，而无需对链接中的域进行硬编码。

这是代码 https://gitlab.com/changsijay/vuepress01

这是部署结果： https ://changsijay.gitlab.io/vuepress01/

我正在尝试将 firebase 代码添加到 Vuepress 中，这样我就可以将一个简单的评论应用程序嵌入到所有 Vuepress 页面中。想知道如何做到这一点？

```

```

我正在尝试编写一个 Vuepress 插件来利用 App Level 增强功能并安装一个 Vue 插件。但我似乎无法让它发挥作用。你能看看下面的代码，看看有什么问题吗？

我得到的最后一个错误是：

我使用VuePress和NetlifyCMS作为内容管理。

我有 3 个集合（设计、前端和后端），其中包含不定数量的页面。这些页面是通过NetlifyCMS 仪表板创建的，并添加到定义的文件夹中。

• 新的设计页面被添加到设计文件夹中。
• 新的前端页面被添加到前端文件夹中。
• [...]

这工作正常，但我面临一个问题。
由于我的新页面未在侧边栏配置中定义，因此无法从侧边栏界面中使用它们。在保持与下面相同的侧边栏格式的同时，我怎么能做到这一点？

配置.js

配置.yml

我在 VuePress 中建立了一个网站，发现它支持 markdown-它的 :::danger、:::tip、:::info 等来生成自定义容器。我想知道这是否可以以某种方式扩展，例如使用 :::card 或 :::example 或任何你想要的。

我找到了https://github.com/posva/markdown-it-custom-block，但不知道如何实现它。

这就是我的 config.js 中的内容

非常感谢任何建议！

我正在尝试使用此 Vue 库添加图表。我将依赖项添加到配置文件中。图书馆要求我们使用Vue.use(). 但我明白了Vue is undefined。有任何想法吗？

https://vuejsexamples.com/lightweight-vue-component-for-drawing-pure-css-donut-charts/

例如，我想在我的 Vuepress 项目中添加https://github.com/Akryum/v-tooltip工具提示插件。它要求我们做Vue.use，不知道该怎么做，因为我得到“Vue”是未定义的。

根据 VuePress 的文档

我想将代码片段导入到降价文件中，但文档不太清楚如何使用文件路径。

小路

包.json

src/readme.md

输出

我尝试了许多不同的方法来导入代码片段，但它仍然无法正常工作。

请指导，谢谢。

我正在开发一个由前同事设置的 Vuepress 项目。我试图在根组件中引用我的自定义 Javascript 文件，以便它在全球范围内可用。我不想在每个组件中都引用它，因为那将是多余的，并且无法按预期工作。

我读到 enhanceApp.js 是要走的路，所以我尝试将 JS 文件附加到 Vue 对象，但它不起作用。任何帮助表示赞赏！

这是enhancedApp.js

这是 src/js/helpers 文件夹，其中包含accordion.js（我的自定义 JS 文件）和 index.js

index.js：

Accordion.js：（具有带有 DOM 操作功能的普通 JS）

这是文件夹结构：

我希望在 Accordion.vue 和 Layout.vue 中都使用accordion.js，而不必在两个组件中都引用它。