问题标签 [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.
css - VuePress - 忽略页面特定部分中的核心样式
我正在为我工作的网站建立一个文档网站。
我对提供的 VuePress 核心样式表很满意,但我希望能够从核心样式表中排除页面的特定部分。
例如,我想展示我网站的 CSS 如何呈现标签,我已将我的网站 CSS 包含在我的文档项目中,并且可以看到样式已应用,但 VuePress 核心样式也已应用,我希望它们被忽略。
我知道 style.styl 用于覆盖,但这并不能解决我的问题。
我尝试将核心 CSS“弹出”到我的项目文件中,并使用以下内容修改手写笔文件:
但这会做一些奇怪的事情,比如影响侧边栏中的核心链接样式。
我希望有一些内置的类我可以添加到我只想使用我的自定义 CSS 但我无法找到类似的搜索的部分。
我的降价模板示例:
vuejs2 - 在 vuepress 中更改主页文件名
默认情况下,带有一些 YML 配置的项目根 README.md 用作 Vuepress 的主页。有什么方法可以使用其他文件吗?
我想将 README.md 用于其他目的,例如创建项目构建和部署说明!
vuejs2 - Vuepress 应用程序之外的相同域链接
我们的主要产品托管在https://ourproduct.com/上 ,我们基于 Vuepress 的文档应用托管在https://ourproduct.com/docs上。
现在,从我们的一个 MD 文件中,我们想要指向我们产品应用程序的子页面,即https://ourproduct.com/features
我们无法在此处提供绝对 URL,因为此链接是特定于环境的。
当我使用 时[Explore Features] (/features)
,Vuepress 将 docs 应用程序的基本路径添加到此链接,我无法导航到我们的功能页面。
任何更清洁的解决方案?或者我在这里错过了一些直接的东西?
vuepress - vuepress dev 没有在本地渲染
我有这个 Vuepress 项目https://github.com/hanxue/wujiquan-vuepress发布在enter link description here上。目录结构和config.js
运行良好。
但是在我的本地机器上,当我运行yarn run build
,相当于vuepress dev docs
,页面无法正确呈现。
生成静态站点虽然有效
环境
vue.js - VuePress 主题继承设置
我正在尝试使用主题继承来修改 VuePress 默认主题导航栏。阅读 1.x 文档后,我相信我正在应用推荐的内容,但网站构建不正确。
我已添加extend = '@vuepress/theme-default'
到我的config.toml
文件中,并创建了一个名为.vuepress/theme/components/
我已添加文件的目录Navbar.vue
。
生成站点时,我的终端给了我以下警告:
该网站确实可以工作,但没有使用默认主题,并且页面全部关闭。
vue.js - 是否可以通过 Netlify CMS 后端动态地将页面添加到 Vuepress 站点?
我正在尝试将页面添加到我使用 Netlify CMS 后端创建的 Vuepress 站点。似乎唯一的方法是静态添加它们:
我认为当您在 Netlify CMS 中创建新页面时,页面必须有一种自动填充的方法。
我已经尝试过自动将新帖子添加到侧边栏,但没有运气。我想必须有一个更简单的解决方案,因为通过 CMS 动态添加页面是实现 CMS 后端的重点。
vuepress - displayAllHeaders 但对于单个 Markdown 文件
我正在尝试在 VuePress 中创建一个带有多个侧边栏组的侧边栏。但是,对于侧边栏数组的元素之一,该元素是单个文件,而不是组。例如:
这可行,但不允许用户在其他组的子级上查看 Markdown 文件的子标题。displayAllHeaders
即使不在页面上,我也可以使用来显示页面的副标题,但我只希望对单个页面具有这种效果。
vue.js - [Vue 警告]:未知的自定义元素:
我目前在一个基于 Vuepress 的静态网站上工作。在 .md 文件中注册 Vue 组件时出现错误。
无法挂载组件,Vue devtools中的组件树只显示
里面什么都没有。
如果我点击刷新,组件会正确呈现,我有什么期望:
问题看起来类似于此处引用的内容:https ://github.com/vuejs/vuepress/issues/1173但我找不到有效的解决方案。
例如,我有一个/docs/contact/README.md
看起来像:
并且我上面引用的自定义组件在 中/docs/.vuepress/components
,都是具有 name 属性集的常规 Vue 组件。
vue.js - 如何在 Vuepress 中使用 Sugar.js?
我正在尝试在我的 vuepress 项目中使用 Sugar.js。但我不知道如何导入它。
在普通的 Vue.js 项目中。我可以像这样使用 Sugar.js:
main.js
但我只是尝试导入 Sugar.js 而在 Vuepress 增强应用程序.js 中什么也不做:
比控制台抛出错误:
vuepress - 如何在 VuePress 中预处理 markdown 文件?
VuePress 的标准模板,如文档所述,发生在 Vue 组件渲染期间。这意味着 markdown 编译器 markdown-it 将看不到渲染的模板结果,也无法对其进行操作。
这可能会导致链接、代码块和许多其他边缘情况中的变量替换出现问题。这个问题的一个常见答案是使用原始 HTML 标记。我觉得这有点不可取,因为它在错误的阶段(降价编译后)解决了问题,并且要求内容创建者在降价与 Vue/HTML/框架问题之间进行权衡。
如何以适合开发/构建管道的方式在降价编译之前处理降价文件?