问题标签 [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.
adsense - 如何在 VuePress 上实现 Google Adsense?
有没有办法在 VuePress 中轻松实现 Google Adsense?我发现的资源仅提供了Vue的“操作方法” 。
github - 本地构建 VuePress 站点并将其推送到 Github Pages
无法弄清楚将 Github 用作 VuePress 站点源代码控制并将其部署到 Github Pages的工作流程。
当我第一次运行deploy.sh
时,它在命令周围给了我一个 Github 证书错误,init
并且没有初始化新的 repo(我已经有一个 repo 设置,所以不确定是否需要init
命令deploy.sh
。随后运行deploy.sh
导致没有错误。
**问题:**不幸的是,当我访问我的 Github Pages 站点时,它没有使用 VuePress 模板。
我觉得我有:
- 文件夹结构错误 -base
设置不正确config.js
- 相关文件夹不正确deploy.sh
有人可以关注这一点并提供一些反馈吗?谢谢你。
供你参考
本地机器的文件夹结构:
内容deploy.sh
:
我用 .deploy.sh 制作了可执行文件chmod +x deploy.sh
。运行./deploy.sh
给我以下输出:
以下是 的内容config.js
:
webpack - ReferenceError: window is not defined 。vuepress
我canvas-nest.js
在 vuepress 中使用(从'canvas-nest.js'导入 CanvasNest),它在我使用时有效yarn dev
;但是当我使用它时会出错yarn build
:
我该如何解决?
handlebars.js - How to render inline code example of handlebars code in VuePress
Unsure where to ask as I'm not 100% sure if this is a bug or intended or if I'm just missing something, but I'm currently writing some documentation (using VuePress) for a platform that uses handlebars.
I've found if I put handlebars markup within a inline code block, for example:
with this I get the error:
However, if i just simply do something like:
I get no errors, however, whatever is inside the {{ }} doesn't render on the front-end
Am I missing something or is there a suggested method of getting around this?
Thanks in advance
Note: This only happens in inline code examples, it works fine in full code blocks using the standard triple backtick approach
javascript - Vuepress 国际化
我目前正在使用 Vuepress。但是我想要在我的 Vuepress 站点中使用多种语言。经过3天的挣扎,我决定把我的问题放在这里。(是的,我检查了 Vuepress 文档:https ://vuepress.vuejs.org/guide/i18n.html#default-theme-i18n-config )
问题:在我的配置中,我将荷兰语作为主要语言。当我想将英语作为语言环境时。我的导航不会更新。这是我的配置:
我还有一张我的文件夹结构的图片:
我希望有人知道这个问题的答案,所以我可以继续。
亲切的问候
vue.js - Vuepress 内部并与 Vue 项目集成
我从 Vuepress ( https://vuepress.vuejs.org ) 开始,我按照文档将其与现有项目集成 ( https://vuepress.vuejs.org/guide/getting-started.html #inside-an-existing-project)。我使用了 sugested docs 目录。
但现在我需要“真正”与我的项目集成,当我的用户访问 my-project.com/docs 时,我需要访问 Vuepress 文档
如果我制作 (yarn docs:build),将生成 /dist 文件夹以在任何地方用作静态 HTML 文件。我将 /dist/ 内容放入我项目的 /static/ 文件中。但是 vue-router 对 /docs 的响应是 404。
而且我仍然需要进行 2 个构建,我的项目和文档。
问题是:
- 如何让 vue-router “看到” vuepress 构建文件?把它们放在哪里?
- 我如何集成项目的运行构建以使它们两者兼而有之?
我有 2 个项目,一个使用 quasar,另一个我使用 vue-cli 3。
谢谢你们。
vuepress - vuepress如何设置多个侧边栏?
我的目录结构是这样的:
.
├─ README.md
├─ contact.md
├─ about.md
├─ foo/
| ├─ test/
| | ├─ README.md
| | ├─ three.md
| | └─ four.md
│ ├─ README.md
│ ├─ one.md
│ └─ two.md
└─ bar/
├─ README.md
└─ five.md
如何更新配置以定义每个部分和文件夹的侧边栏?
vuepress - 有没有办法减少Vuepress左面板的宽度?
我认为 Vuepress 的左窗格太宽了。想知道是否有任何设置可以减小左侧面板的宽度?
javascript - 带标题的图片 - vuepress
我正在尝试在 vuepress 中创建一个组件来显示带有标题的图像。当我对图像路径进行硬编码时,图像会出现,但这样我就没有可重用的组件。我已经尝试过使用道具,但它也不起作用。
这是我已经尝试过的方法:
在我的 README.md 上,我像这样调用组件:<captioned-image src="filename.png" caption="Caption Example" />
但图像没有出现。
我该如何解决这个问题?是否可以仅使用降价来做到这一点?
vuetify.js - 如何将 vuetify 添加到默认 vuepress 主题
是否可以将 vuetify 添加到默认 vuepress 主题?
我只需要向默认主题添加一些组件,但是使用 vuetify 来处理我的组件中的表单会很好。
我找到了一个使用 vuetify 的自定义 vuepress 主题,但是我更喜欢使用默认的 vuepress 主题。
另一种选择是弹出默认主题并将 vuetify 添加到其中。但是我不希望弹出默认主题,只需添加 vuetify 即可。