问题标签 [vuepress]

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 投票
2 回答
735 浏览

vue.js - 获取随机哈希而不是图像 url

这是代码片段。

当我检查元素时,我得到了这个random hash

在此处输入图像描述

为什么我得到这个random hash以及如何解决它?

0 投票
1 回答
18351 浏览

vue.js - fontawesome 错误“找不到一个或多个图标”

我关注了 https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs

但是当像这样使用它时:

拿到:

找不到一个或多个图标 {prefix: "fas", iconName: "twitter"}

0 投票
2 回答
5929 浏览

vuepress - 链接到 Vuepress 中的资产

我想将相关资产与相关降价保存在同一文件夹中。

使用以下方法在页面上显示图像很好:

运行时文件的位置vuepress build更新:/assets/img/my-new-img.ac30dec4.jpg

但是,如果我只想要一个指向屏幕截图的链接,则 url 没有被正确处理:

链接显示为“/some-folder/img/my-new-img.jpg”

不确定这是否是一个错误、功能请求,或者我没有正确执行。

0 投票
2 回答
875 浏览

vue.js - 将 .vuepress 文件夹存储在另一个目录中

有没有办法配置vuepress.vuepress以在默认以外的其他位置查找文件夹/docs

0 投票
1 回答
498 浏览

markdown - 如何像 VuePress 一样渲染 Markdown?

问题

从文档中,很明显 VuePress 正在使用markdown-it来渲染 Markdown,它已经使用这些漂亮的自定义容器进行了扩展。

我想从 VuePress(自定义容器和所有!)中“提取” Markdown 渲染器,以便我们的浏览器内 Markdown 编辑器显示渲染 Markdown 的 VuePress 式版本(减去侧边栏、搜索栏等)。

因为它是开源的,所以它当然是可能的——但是在 VuePress 代码库中探查并没有向我透露她的秘密,不幸的是这里没有列出“VuePress 插件” 。

为什么

为了鼓励人们为我们的文档做出贡献,也是使用 VuePress 构建的,我正在构建一个简单的静态服务器,它从我们的主文档分支获取最新的 Markdown 文件,并在包含所有 Markdown 的文本框中并排显示它们左侧和右侧的渲染版本。

在 docs 网站上,用户可以“编辑此页面!” 这会将他们带到静态服务器,在那里他们可以看到预览并拥有 Markdown 编辑器,并且可以点击“保存更改”按钮。所有待处理的更改都被一个文件观察器捆绑到一个拉取请求中,它使用我们的 Gitbot 触发或更新针对主文档分支的现有 PR(它还具有通过审查和被 linted 的优点,同时避免将内部配置内容暴露给非技术文档贡献者)。

0 投票
1 回答
311 浏览

javascript - VuePress 扩展 markdown-it 目录

我在我的 README.md 文件中使用 [[toc]],它会自动在目录中显示 2、3 级(##、###)标题。如果我尝试根据文档在我的配置文件中更改它

它没有显示任何变化?VuePress 有错误吗?

0 投票
1 回答
1452 浏览

node.js - 是否可以在线使用 Github 页面将 nodejs 构建为静态?

我有两个存储库:

  1. 一个包含 Nodejs 源代码和降价文件的 Vuepress 项目。
  2. 从 Vuepress 构建的静态 Github 页面。

因此,如果我创建一个新的 markdown 帖子,我需要运行一个shell来构建静态文件并将其上传到第二个 Github-pages 存储库。

我想知道是否可以在线执行此操作,例如:

  1. 在 Github 网页中创建一个 markdown 文件。
  2. 在线重建项目(使用 shell 或脚本?)。
  3. 使用生成的静态 HTML/CSS 文件更新 Github 页面。
0 投票
1 回答
2348 浏览

vue.js - Vue 中的共享元素转换:如何在路径更改的不同视图中的相关元素之间进行转换

如何在路由更改的两个不同视图中定义的两个元素之间进行转换,通常称为跨多个页面布局的页面元素的“共享转换”或“类似本机的转换”?

这里有些例子 :

常见的解决方案是通过在页面流之外使用不同的元素或通过跨布局覆盖元素并使用考虑到覆盖空间的自愿空白和绝对定位来假装这种效果,以给人一种元素内置在自然页面流中的印象。参见例如Native-Like Animations for Page Transitions on the Web(参见评论)或snipcart/vue-blog-demo

共享元素转换将在具有不同页面布局的不同视图中分别定义的两个元素之间创建关系,并在它们之间转换,可能以一种 FLIP 方式。

0 投票
1 回答
1114 浏览

vuepress - 在 vuepress 中更改 404 页面

是否可以更改/自定义 Vuepress 的 404 页面而无需弹出并更改整个主题?

我目前正在使用enhanceApp.js,但我不确定如何更改路由器选项(包罗万象的路由),因为路由器已经创建。我现在的工作方式是这样的:

但是,这感觉像是一种 hack,因为我总是重定向到包含我的 404 的自定义和现有页面。有没有更官方的方法来做到这一点?

0 投票
3 回答
1450 浏览

nuxt.js - ./.nuxt/client.js 中的 Nuxt 错误 | this.setDynamic 不是函数

在此处输入图像描述

我无法理解导致此错误的原因以及它是否与我的代码有关。

nuxt v1.4.2,Windows 10

你能告诉什么可能导致这个错误吗?