推荐一款优雅高效的VuePress主题:VuePress Theme Aurora aurora-blog项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-aurora 是一个基于 VuePress 构建的精美且功能强大的主题,旨在提供更优质的阅读和开发体验。项目简介VuePress Theme Aurora 主题的设计理念是“极简、优雅、
转载
2024-10-24 17:00:15
33阅读
使用VuePress快速搭建博客最近我在3A平台购买了服务器,准备搭建一个博客。VuePress介绍VuePressVuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide…VuePress安装安装前请安装 Node.jsNode.js下载地址http://www.nodejs.com.cn你可以在一个硬盘创建
转载
2024-06-18 14:05:11
80阅读
前言作为一个想成为前端工程师的大龄熊孩子,自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情,我究竟为什么要为了写个博客去用这么多技术栈呢?于是乎懒癌发作,于是我找到了这个东西,就是VuePress。1. VuePressVuePress是
转载
2024-06-04 13:21:22
198阅读
github仓库地址:https://github.com/18518300669/JackTeslaBlogVuePress中文网:http://caibaojian.com/vuepress/guide/介绍VuePress 由两部分组成:一个以Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePres
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务,去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库,经过一年的版本迭代与文档更新,收获了很多坑点,其中有一个就是关于组件示例维护相关的,今年有意重构组件库的文档与代码结构,后面会陆陆续续将踩到的坑点与相应的解决方案一一描述,好的进入今天的主题:文档示例编写的最佳实践方案。
转载
2024-06-13 20:08:54
317阅读
文章目录前言一、介绍1.1、工作原理1.2、特点1.3、同类对比二、快速上手三、目录结构3.1、默认的页面路由四、基本配置4.1、配置文件4.2、主题配置4.3、应用级别配置五、静态资源5.1、相对路径5.2、公共文件5.3、基础路径六、Markdown扩展七、在Markdown中使用Vue八、多语言支持8.1、站点多语言配置8.2、默认主题多语言配置九、部署 前言目前主流的静态网站生成器以Vu
转载
2024-04-23 13:33:54
128阅读
什么是vuepress?这个一定要弄明白,我就是直接看的官方文档,着急写项目了,结果遇到了很多坑,非常不建议这么做,费时费力。官方说法:vuepress是为了支持vue及其子项目的文档需求,每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),
转载
2024-03-25 22:14:43
80阅读
一文读懂Vue插件使用插件使用插件Vue.use()开发插件Vue项目中应用配合require.context,动态导入全局组件Vue项目中引入elementUi组件(全局)推荐阅读 插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-t
转载
2024-08-28 13:46:14
93阅读
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的
转载
2024-05-05 21:54:18
158阅读
vuepress 实用插件这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
环境安装nodejs: https://nodejs.org/en/, 版本不能太高(>= 8.6即可) 安装git: https://git-scm.com/Hello Worldvuepress官网: https://www.vuepress.cn/ 第3步需要等待下载依赖. 1~3步完整命令:zichen@DESKTOP-3176F4L MINGW64 ~/Desktop
$ mkdi
转载
2024-07-09 19:57:07
39阅读
Ⅰ、什么是vitepress ? vitepress 使用场景简单的说 ,只要 会用 markdown 语法,就能构建自己的 「博客、笔记、使用文档」等系统 ;✨ vitepress 优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的 markdown 就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度,和更小的打包体积「相比vue2 的 vuepress 更具有优
入门演示1.创建页面,初始化vue;2.{{}}获取显示数据;<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
<script src="node_modules/vue/dist/vu
系列文章目录VuePress 2.0 在 2021 年中旬发布,由webpack改为使用vite进行构建。在vuePress1.0时代,很好的解决了vuePress使用webpack打包构建缓慢的问题。但现在使用vuePress 是更好的选择!!! 文章目录系列文章目录前言一、为什么选择VuePress而非VitePress一、安装VuePress二、项目结构三、基础文件三、配置文件四、进阶操作1
转载
2024-05-31 17:54:56
76阅读
VitePress和VuePress都是基于Vue.js构建的静态站点生成器,它们都提供了一种快速创建文档网站的方法。虽然它们都是由Vue.js开发的,但它们在使用方式和功能上存在一些区别。构建方式 VitePress使用了Vue 3的新特性:Vite构建工具,它可以提供更快的构建速度,而且在开发模式下,可以做到热更新,提供了更好的开发体验。 VuePress则使用Webpack进行构建,并且在开
转载
2024-07-15 09:59:44
63阅读
创建Vue项目我们通过vue-cli创建一个vue项目,在cmd窗口输入 vue ui 进入vue-cli可视化界面(如果无效请升级vue-cli版本)点击创建,选择一个项目目录输入项目名称和git初始化窗口(可选)选择预设,可以选择手动和预定的设置 (预设就是一套定义好的插件和配置。 你也可以将自己的配置保存成预设,方便以后创建项目使用。)选择项目功能(也可以在创建后手动添加)选择配置等待创建完
转载
2024-03-22 19:33:33
627阅读
前言作为一个常年的B端前端开发者来说,千篇一律的业务开发有着些许的枯燥无味。在联调过程中,会经常发现后端在部署服务,然后又不知什么时候部署好,由于公司的部署系统查看系统部署状态入口较深,所以闲暇之余,研究了一下Chrome插件开发。因此从今天起,我们进行Chrome插件的开发学习。通过下拉框可以快速的切换不同项目的前后端部署状态,先看一下成果:1. 什么是Chrome插件谷歌浏览器插件是一种小型的
转载
2024-08-23 10:55:33
41阅读
1.全局组件组件是一个特殊的实例。 全局组件通过Vue.component()方法定义<div id="app">
<!-- 组件使用:当自定义标签,真正渲染的是组件的template-->
<!--dom元素的模版中必须用双标记,不可用单标记,因为有时会出问题-->
<my-button></my-button>
<my-
转载
2024-09-26 14:57:49
55阅读
文章目录一、前言二、VuePress是什么?三、环境搭建四、基础配置4.1 目录结构4.2 导航栏4.3 侧边栏4.4 自动生成侧边栏五、自定义主题六、避坑指南6.1 侧边栏无法正常使用6.2 生成静态网页时出现解析错误6.3 部署站点无法使用相对路径6.4 预览或编译时内存溢出(OOM)6.5 页面刷新异常或点击前进/返回异常:6.6 生成静态网页时内存消耗过多 一、前言近期由于工作需要,接触
转载
2024-05-27 20:08:41
69阅读