问题标签 [vuepress]

我们使用的是原始的 Vuepress（0.x 分支），我们想使用 Vuepress 配置文件的configureWebpack方法来导出一些自定义变量。

这段代码破坏了构建，因为 Webpack 从 2.0 开始就不允许自定义属性：

错误：

WebpackOptionsValidationError：配置对象无效。Webpack 已使用与 API 模式不匹配的配置对象进行初始化。- 配置具有未知属性“env”。

我还查看了定义插件的 Webpack 文档，但是问题是该configureWebpack方法实际上并没有公开 Vuepress 使用的 webpack 实例——它直接尝试改变 webpack 选项（这是不允许的）——但是因为 webpack 实例是'不可用我们不能简单地按照 webpack 想要的方式定义插件。

有谁知道公开我们可以在使用 Vuepress 0.x 的 Vue 组件中使用的可配置环境变量的正确方法？

我尝试在.vuepress/config 中将evergreen 设置为 true以减少，但这似乎没有帮助。

这方面的文档很短。我想在应用程序的每个页面中添加一个 Vue 组件，而不必在每个模板中手动声明它。

我设法添加了一个enhanceApp.js文件并将其添加到其中：

该应用程序运行，但我在任何地方都看不到该组件。有什么技巧或其他方法可以实现这一目标吗？谢谢！

我对如何让 Vuetify 在 Vuepress 组件中完全工作感到有些困惑。我已经让它工作了，但遇到了几个障碍。Vuetify 安装在我的 Vuepress 项目中，我添加了一个带有以下内容的 enhanceApp.js：

在我的组件中，我修改了 mount() 方法：

正如 Vuepress 文档的此页面所建议的那样： https ://vuepress.vuejs.org/guide/using-vue.html#browser-api-access-restrictions

这应该为组件需要访问 DOM 时提供解决方法。然而，虽然 Vuetify 的布局部分按预期工作，但日期选择器弹出窗口（我想使用 Vuetify 的原因之一）没有显示在正确的位置，并且没有按预期格式化。控制台显示警告：

我假设这是因为组件试图访问 DOM 但不能。上面的页面有点暗示这是开发环境的一个问题，但我无法让 vuepress 构建工作。它一直在组件上失败。

我发现了有关此主题的其他一些问题，但似乎没有一个问题得到解答。

我正在使用 Vue 和 docker 开发一个应用程序，并且我正在构建一个 VuePress 站点作为项目文档。我的项目有两个用于开发和生产的 docker-compose 文件。我目前的 Vue 应用程序在开发和生产环境中都能很好地工作，但我很难让我的 VuePress 与 NGINX 一起工作。

...

在我的开发 docker-compose 文件中，我为 VuePress 提供了以下内容：

这是我的 VuePress 文件夹的结构：

我可以访问 VuePress 应用程序localhost:8085，并且在我保存源文件并刷新浏览器时会反映更改。我想做的是配置 docker 和 NGINX 以使 VuePress 应用程序localhost/docs在开发中可以访问，在生产中也可以在 my-domain.com/docs 上访问。我的配置中某处有错误吗？

当我访问时localhost/docs，我在 Chrome 中收到以下错误：

在 Vuepress 中，当将图像添加到我们的 markdown 时，它会处理图像并为其文件名添加哈希。

例如，降价：

将产生 HTML：

当图像只是在页面中使用时，这不是问题，因为生成的 HTML 将使用处理后的图像文件名。

问题是当我们想要添加一个指向这个图像的链接时。

例如，降价：

生成 HTML：

这显然是一个断开的链接，因为处理后的图像文件名不是my-image.png，my-image.03c0601d.png而是。

如何将此“已处理”图像文件名保存到要在链接中使用的变量中？

或者，换句话说，我该如何处理我想自己打开处理后的图像的情况？

先感谢您。

我正在尝试将 html/markdown 添加到 VuePress 默认主题中的页脚变量。我想在链接到我的网站的页脚中添加 url。但是，我找不到将 url 添加到页脚的方法。你能告诉我我该怎么做吗？这是我的主要内容：

我怎样才能做到这一点？根据 Github 中的这个issue，这个功能仍然不可用，但是，必须有一个解决方法吗？

在我的config.js文件中，我创建了这个侧边栏

但我只能在构建页面时看到顶级降价文件。所以在这里你可以看到我的项目结构

仅在构建页面时README.md, gettingStarted.md, guides.md, 并被media.md渲染。

我该如何解决？

如果您需要更多信息，请告诉我！

所以这是当前状态

这是一个例子，展示了我想要实现的目标

我在这里找到了更多信息

https://vuepress.vuejs.org/theme/default-theme-config.html#multiple-sidebars

我试图扭转我的配置

但这没有帮助。

我创建了一个小型存储库，提供一个小型文档，每个目录有两页。

https://github.com/Garzec/VuePressTest

我希望这有帮助。

我尝试学习 Vuepress，我需要知道如何将图像添加到文档中。

我尝试了 vuepress 文档中的代码，![An image](images/image.png)但什么也看不到

我尝试在frontend.md中使用的代码非常简单

这是该代码的结果

例如，我在 markdown 文件中编写了一个 vue 代码，它将在我的网站中被翻译成 HTML。

或者如果我使用markdown围栏代码（`或```），它将显示为源代码

我想：

• HTML 和源代码
• 也许只写一次
• 一个expand和hide按钮

喜欢ElementUI代码演示 -一个按钮演示。

有一个expand按钮显示源代码和hide.