有没有办法在vuepress中更改vue路由器的模式 - 腾讯云开发者社区

感谢 vuepress-theme-reco主题与一篇博客使用文章使用 vuepress 构建个人博客在写这篇文章前，本人非前端专业人士，只是一时兴起想开始搭建一个博客，在该博客上记录与分享一下自己所学的一切内容...有时运气好可能他的解决办法同样也是我的解决办法，但往往总是不尽人意，这时需要再看下一个相关搜索或者下下个才能解决我的问题，这在学习过程中是必不可少的一个环节。而他们所分享的内容，就是一篇篇的博客。...，因为我那时候正好在学 Vue，于是乎又开始新的一番折腾。...不过这个还要手动部署特别麻烦，有没有什么命令能一键部署的，有，这里我推荐一篇文章一键部署到服务器，解决了我当初一直用 ftp 的痛点。不过有个更简单的自动部署脚本，scp2，有兴趣可以自行查阅。...npm i markdown-it-disable-url-encode 在.vuepress/config.js 中配置如下 markdown: { extendMarkdown: md

8441 0

尤小右：VitePress 初步实现小目标，极简静态站点生成器

作为一个参考，Composition API RFC repo只有两页，但启动服务器需要4秒，而任何编辑在浏览器中反映出来的时间几乎是2秒。...此外，还有一些额外的设计问题，我在VuePress中注意到了一些额外的设计问题，但由于需要大量的重构，所以一直没有时间去解决。...对VuePress的改进 1.使用Vue 3 利用Vue 3改进的模板静态分析来尽可能对静态内容进行分类。...注意，在应用优化的同时，用户仍然可以在标记内容中自由混合Vue组件 - 编译器会自动为你做静态/动态分离，你永远不需要考虑。...不使用vue-router，因为VitePress的需求是非常简单和具体的--使用一个简单的自定义路由器（200LOC以下）来代替。 (WIP) i18n locale数据也要按需获取。

3.2K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

我问导师，Vue3有没有对应工具来生成漂亮的文档？用 Vitepress

首页专栏 javascript 文章详情 3 我问导师，Vue3有没有对应工具来生成漂亮的文档？用 Vitepress ?...上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。 ? 最近有人在问：小智， Vue3 有没有对应制作文档的工具。...Vitepress是在Vite之上构建的Vue驱动的静态站点生成器。 Vitepress 被称为“ Vuepress的小弟弟”，它比同类产品具有一些优势。...建立在Vite而非Webpack上，因此启动时间，热重装等更快使用Vue3来减少JS的有效负载轻量级 Vitepress 能够实现这些目标的一个原因是，它比Vuepress 更具体，而 Vuepress...虽然不打算完全取代Vuepress作为 Vue 的静态网站生成器，但 Vitepress 提供了一种轻量级的替代方案。

1.7K2 0

如何快速搭建好看的个人博客(完整配置与源码)

, 对vue熟悉的朋友可以编写vue组件实现你想要的功能样式 vuepress特性为技术文档而优化的内置Markdown拓展在Markdown文件中使用Vue组件的能力 Vue驱动的自定义主题系统...自动生成Service Worker(支持PWA) Google Analytics集成基于Git的"最后更新时间多语言支持响应式布局支持PWA模式总的来说, 使用vuepress优势有挺多的...这里使用vuepress提供的插件机制来实现在.vuepress文件夹下创建components文件夹, 在components下再创建fixed.vue文件的, 在项目下还没有安装, 插件是依赖于vuepress的, 所有没有安装的需要安装上, 插件才有效...., 如果你不喜欢可以对其进行更改.

1.5K1 0

Vuepress 问题解答

# Vuepress 问题解答 # 正确解决VuePress本地访问出现资源报错404的问题 (opens new window) 背景最近发现好多小伙伴刚用VuePress，然后一build完就直接用本地浏览器访问...仅仅出现那种问题还好，给项目安装 vuepress-plugin-serve 插件就行了，但是如果有需求是需要离线查看 VuePress 生成后的文档呢？...所以我特地研究了一下—— 解决办法打开 .vuepress/config.js 文件，把 base 的值改成 ....然后打开项目下的 node_modules@vuepress\core\lib\client 下的 app.js 文件，找到下方这个片段： const router = new Router({...} } else { return { x: 0, y: 0 } } } }) 把 mode: 'history', 注释掉就行了（让它默认为 hash 模式

5841 0

VuePress与Docusaurus：构建高效文档站点

Vue 驱动：所有页面都是 Vue 组件，可以自定义模板和逻辑。主题和插件：丰富的主题和插件生态系统，允许高度定制。即时预览：在本地开发时，更改会立即反映在浏览器中。3....my-docsvuepress dev在 docs 文件夹中的 Markdown 文件可以包含 Vue 组件和自定义的 Vue 代码。...;在 my-theme/layouts/Layout.vue 中编写 Vue 组件，作为主要的布局模板：在 index.js 中，我们将定义插件的行为。这里，我们使用 VuePress 的生命周期钩子来注入版权信息。...在开发环境中，你可以在你的VuePress项目中直接链接到这个插件目录。

1490 0

VuePress教程之深入理解插件API

在配置中，VuePress 增加很多 markdown-it 插件（其中大多数是 VuePress 建立的）。然后 VuePress 会开始执行来跟上面相同的方法配置 markdown-it。...globalUIComponents 注入某些全局的 UI，并固定在页面中的某处。在页面都被处理完后，VuePress 会执行。...注意你得要告诉 VuePress 你的来源档案在哪，例如：。 VuePress 需要执行全部我前面提到的准备，不然他没办法读取到。...有点像是Vue SSR Guide 的建议（opens new window）。不论 VuePress 是在创建 client 或是 server 配置，它都会建立出 base 配置。...我自己觉得最值得一提的是在 VuePress 中有个 markdown loader 来将文件转换成 Vue SFC。既然所有都是 SFC，那它就能被 Vue loader 处理了。.

1.2K1 0

微信开放文档是个病，得治！

而最新的前端框架提供的思维改变为数据驱动，视图层分离，有点类似 Android/IOS 的组件开发模式 + 生命周期 Hook 类似。所以，后面在提出文档改版需求时，内心就崩溃了，这怎么维护？？？...$page.key 是关键点，首先 render 函数中的 h 很重要，在 Vue 中代表的意思是 hyperscript 用来在当前 Vue 组件系统中，找到对应的组件或者 HTML 标签来渲染。...在 mixin 中，将当前渲染的 $page 解析出来。到这一步，其实已经很好的解释，Vuepress 的直出模型。在 Vue 层面的 core-render 逻辑就是这么多。...微信开放社区文档体系就是基于 vp 这个 prerender 模型来的，不过，在大型文档系统中，会遇到几个问题，vp 在多数量的 md files 情况下， renderPages 过慢，而本身没有提供一些解决办法...a src/miniprogram,src/minigame 不过，由于 vuepress 是 SPA 的模式，所有的路由都会注册 routes.js 中，原始 vuepress 的 theme layout

1.4K2 0

实践 Vue3 组件库-基于 VuePress 开发组件文档

首先更改 pagePatterns 配置，把组件的文档包含在内。.../__demos__/basic.vue"> 我们继续在 packages 创建一个 vuepress-plugins 子文件夹。...把当前文档中解析到 demo 信息以文档路径存储起来，在最终文件生成的时候添加进去。...add(compPath); // 读取文件，生成新的标签结构。 // tag: 节点的名称，在 vue 文件中是组件名。...// attrs: 节点的属性，在 vue 文件中是 props 属性。 // content: 子节点，在 vue 文件中用 slot 渲染。

2631 0

小破站上线啦！

大家好，我是大彬~ 之前一直有小伙伴问大彬，有没有面试手册在线版的，阅读起来比较方便。...网站是使用vuepress搭建的。...vuepress由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求...之所以选用vuepress，主要是它有以下优势（摘自vuepress官网）：为技术文档而优化的内置Markdown拓展在Markdown文件中使用Vue组件的能力 Vue驱动的自定义主题系统 Google...Analytics集成多语言支持响应式布局天然的SEO能力，对比Docsify这种前端渲染HTML要好很多总之就是vuepress非常棒！

1.3K2 0

手把手教你用vuepress搭建自己的网站(3)

Manifest 和 icons 在 .vuepress/config.js添加正确的 head links 在config.js的head配置项中 // 配置 module.exports = {...介绍打开 chrome 的控制台,审查元素,找到valine评论的 ID,在index.styl文件中,即可写入样式,进行更改,只要你想改主题中的样式,都可以通过这种方式,它会默认覆盖原有的样式 //...如果要对默认设置的样式进行简单颜色替换, 或者自定义一些颜色变量供以后使用, 可以在.vuepress/styles中的palette.styl文件进行更改,这个文件是你手动创建的你可以调整的颜色变量...,还有另外一种方式,你可以在.vuepress/public/目录下创建一个css文件,style.css 然后在config.js中的head配置属性中通过link的方式引入 module.exports...完成这个插件的使用,应该是不难了一定要耐心的学着葫芦画瓢,如果让自己从零开始写,用vue,vue-router,webpack去写这么一个网站,还是多多少少有些复杂度的目前,你只需知道怎么配置,怎么修改配置

1.2K2 0

VitePress 强大的静态网站生成器

基于 Vite 引擎: VitePress实现了即时的服务器启动，对编辑的更改始终在瞬间反映出来（Vue模板的特性或导入的Vue组件，在静态内容中嵌入交互性。这意味着您可以在Markdown页面中使用Vue模板的语法和功能来实现交互效果。...无损交互性为了能够对静态Markdown中嵌入的动态Vue部分进行水合（hydration），每个Markdown页面都会被处理为一个Vue组件并编译为JavaScript。...VuePress 怎么样？VitePress 是 VuePress 的精神继承者。最初的 VuePress 基于 Vue 2 和 webpack。...VuePress 2 也投入了精力，它也支持 Vue 3 和 Vite，与 VuePress 1 具有更高的兼容性。

1K2 0

用vuepress2搭建自己的github网站

最近打算自己做一个博客网站记笔记，然后部署到github上，最终选择了vuepress的最新版本v2（使用的是vue3和TypeScript开发，默认使用Vite作为打包工具）。...404，就是没部署成功去代码仓库的Actions里去看下流水线有没有成功，失败了会是一个红色的小叉叉，点进去可以看到具体的错误位置，成功了是一个绿色的小勾流水线成功了gh-pages分支里就会自动生成最终打包出来的文件...四、vuepress v2版本的坑最新的v2版本和v1有很大的不同，网上大部分的教程都是针对v1版的，在v2中并不起作用。1....（当你在开发一个 VuePress 应用时，由于所有的页面在生成静态 HTML 时都需要通过 Node.js 服务端渲染）2. vue组件中使用CommonJS的require导入报错vuepress最新的...not defined，vue3的官方文档上也有介绍： Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动3. markdown中使用vue组件v2版本中像

3971 0

用vuepress2搭建自己的github网站

最近打算自己做一个博客网站记笔记，然后部署到github上，最终选择了vuepress的最新版本v2（使用的是vue3和TypeScript开发，默认使用Vite作为打包工具）。...404，就是没部署成功去代码仓库的Actions里去看下流水线有没有成功，失败了会是一个红色的小叉叉，点进去可以看到具体的错误位置，成功了是一个绿色的小勾流水线成功了gh-pages分支里就会自动生成最终打包出来的文件...四、vuepress v2版本的坑最新的v2版本和v1有很大的不同，网上大部分的教程都是针对v1版的，在v2中并不起作用。 1....（当你在开发一个 VuePress 应用时，由于所有的页面在生成静态 HTML 时都需要通过 Node.js 服务端渲染） 2. vue组件中使用CommonJS的require导入报错 vuepress...v2版本中像v1所谓的“主题目录结构约定”不再存在，所以 .vuepress/components下的组件并不会被自动全局注册，需要自己手动注册或者借助 @vuepress/plugin-register-components

4174 0

VuePress V1 踩坑记录

2.侧边栏在 VuePress 的侧边栏分组配置中，children 的路径是相对于 docs 目录的路径，而不是相对于分组的路径。...vuepress 的 docs 与 Github Pages 的 docs 目录冲突 VuePress 默认将文档放置在项目根目录下的 docs 目录中，用于生成静态网站。...为了解决这个冲突，我们可以将更改 VuePress 的文档目录，将 VuePress 的 docs 更名为 vuepress-docs 或者其他你喜欢的名称。...查看 dist/index.html 文件可以看到，资源路径都写的是根目录下 /。在 VuePress 的官方网站中，对 config.js 中的 base 做了说明。...目录的同级 assets/imgs，然后在 .vuepress/config.js 中配置如下，但不生效。

6163 0

vitePress快速搭建及部署一个博客

VitePress 是 VuePress 的小弟弟，但是vitepress是在 Vite 上构建的。动机主要是因为太慢！但是不怪 VuePress，怪 Webpack！...改进的地方 1.利用了 Vue 3 的改进的模板静态分析来尽可能字符串化静态内容 2.静态内容以字符串模式而不是渲染函数代码发送，JS 负载更便宜，注水（SSR 时生成 js 交互逻辑代码）也更快 3....这些优化仍然允许在 markdown 中混合使用 Vue 组件，编译器会帮你处理静态/动态分离工作 4.使用了 Vite 5.更快的 dev 服务器启动 6.更快的热更新 7.更快的构建（使用 Rollup...）更轻量的页面 Vue 3 + Rollup 代码分离不会把所有页面的元数据都在一个请求中发送出去。...-- 指向在 foo 目录的 README 文件中的某个标题 --> [bar - three](../bar/three) [bar - three](..

3.5K4 0

借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站

VuePress 1.1 简介 VuePress 是 Vue 驱动的静态网站生成器。简洁至上以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。...Vue 驱动享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。...docs/.vuepress: 用于存放全局的配置、组件、静态资源等。 docs/.vuepress/components: 该目录中的 Vue 组件将会被自动注册为全局组件。...docs/.vuepress/styles/index.styl: 将会被自动应用的全局样式文件，会生成在最终的 CSS 文件结尾，具有比默认样式更高的优先级。...VuePress 的配置成本稍稍大一点，不过可以使用 Vue 的语法与组件，定制化更自由一点，而且 VuePress 中编写 Vue 和平时一样，学习成本几乎为零，可以本地用 VsCode 编辑，然后直接命令行部署

2.1K3 0

如何在 vuePress中添加博客导流公众号-即输入验证码解锁全站文章

今天跟大家分享一下在vuepress中怎么进行配置实现导流到公众号,实现自动增粉,让每一个阅读转化为粉丝,与用户做朋友,从此在也不用互推了的,只需专心做好内容创作....,可以告知一下,显然按照文档中的直接在文章底下写那段代码是实现不了文章隐藏的功能的解决办法: 把上面的代码单独成一个js,放到.vuepress中公共 js 目录下,/.vuepress/public.../vuepress/components/global/HideArticle.vue,在md引入组件时需要这种方式引入组件,否则依旧不会生效在HideArticle.vue...方式 1-以插件形式全局注入组件在/.vuepress/中的config.js配置插件中,以插件的方式全局引入的,具体插件的引入可以见文档vuepress 使用插件 module.exports =...,这并非真正的隐藏,对于前端同学,实现元素的隐藏并不陌生不用插件,没有后端服务,也同样可以做到导流到公众号,可以在公众号后台自动回复里添加设置一个固定的值在vuepress中同样编写全局组件的方式,

3.6K1 0

使用vuepress-6小时搭建一个完全免费的个人网站

[gto6uxmyzt.png] 二、什么是vuepress 简单介绍一下，vuepress是尤雨溪18年4月12日发布的vue静态网站生成器，支持vue语法，内置webpack，每一个由VuePress...npm markdown webpack vue 四、开始个人网站 1....克隆以后的目录完成好了以后，我们可以看到文件夹中多了一个vuepress文件夹 [ey1iewdtmj.png] docs文件夹在这个文件夹目录下，我们还是需要安装一下依赖生成node_modules...] 本地访问网址 [b2hi9fy223.png] 本地访问图片这个是vuepress的默认主题，我们后面就需要在 config.js里面进行配置更改就好了，当然如果需要自己写组件的话，就在components...关于默认主题中config.js文件中themeConfig的配置其实配置很简单，可以参考一下vuepress官方文档，写的非常详细默认主题配置下面是我的一些themeConfig:配置信息以及我的

3K3 1

VuePress搭建永久文档博客网站VuePress 使用

VuePress是尤大神发布的一个全新的基于vue的文档生成器在线预览地址源码地址效果图预览 ↓ ↓ ↓ ? 文档首页 ?...创建文件在docs/README.md中添加代码 # my first vuepress 在package.json中添加代码 { "scripts": { "dev": "vuepress...dev docs", "build": "vuepress build docs" } } 在vuepress中启动命令 npm run dev 启动成功后打开看到以下页面说明vuepress...- title: Vue驱动 details: 享受 Vue + webpack 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主题。...现在用github加vuepress，理论上来说，域名是永久可以访问的，这样一个在线文档或博客（根据你自己的配置喜好），并且vuepress也是基于vue的单页应用，访问速度及用户浏览反馈还是很棒的！

2.3K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

第一个博客搭建之Vuepress

尤小右：VitePress 初步实现小目标，极简静态站点生成器

我问导师，Vue3有没有对应工具来生成漂亮的文档？用 Vitepress

如何快速搭建好看的个人博客(完整配置与源码)

Vuepress 问题解答

VuePress与Docusaurus：构建高效文档站点

VuePress教程之深入理解插件API

微信开放文档是个病，得治！

实践 Vue3 组件库-基于 VuePress 开发组件文档

小破站上线啦！

手把手教你用vuepress搭建自己的网站(3)

VitePress 强大的静态网站生成器

用vuepress2搭建自己的github网站

用vuepress2搭建自己的github网站

VuePress V1 踩坑记录

vitePress快速搭建及部署一个博客

借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站

如何在 vuePress中添加博客导流公众号-即输入验证码解锁全站文章

使用vuepress-6小时搭建一个完全免费的个人网站

VuePress搭建永久文档博客网站VuePress 使用

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐