VuePress 完整使用教程

最新推荐文章于 2025-04-20 19:15:16 发布
最新推荐文章于 2025-04-20 19:15:16 发布
阅读量4.3k 收藏 6
点赞数
分类专栏： 博客 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangbao_csdn/article/details/109536312
版权
本教程详细介绍了VuePress的使用，从官网链接到环境配置，包括Node和npm的安装。接着，指导如何快速开始，创建项目并安装VuePress为本地依赖。注意在有webpack 3.x依赖的项目中，推荐使用Yarn。此外，教程还推荐了两个主题：reco和Vdoing，并提供了安装说明。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

img

官网

官网地址：https://vuepress.vuejs.org/zh/

环境

1.node

hexo 基于 node，所以首先要安装node环境

2.npm

包管理工具

环境配置请参考本站对应安装教程

快速开始

  1. 创建并进入一个新目录

    mkdir vuepress-starter && cd vuepress-starter

  2. 使用你喜欢的包管理器进行初始化

    yarn init # npm init

  3. 将 VuePress 安装为本地依赖

    我们已经不再推荐全局安装 VuePress

    yarn add -D vuepress # npm install -D
最低0.47元/天 解锁文章
vuepress简单使用（个人博客何必麻烦自己）
Indomite的博客
12-20 782
vuepress的简单使用 快速上手 1.创建目录 2.包管理器初始化 yarn init # npm init 3.安装依赖 yarn add -D vuepress # npm install -D vuepress 推荐使用yarn 4.在package.json中添加一些script "scripts": { "dev": "vuepress dev docs", "build": "vuepress build docs", "deploy":"bash deplo
本项目是基于Vuepress框架 Vuepress-theme-hope主题搭建的一个个人学习笔记文档站点，项目内记.zip
02-23
8. `kwan1117`：这个文件或目录可能是作者的学习笔记，具体内容可能包括 JavaScript、前端开发、Vue.js、Vuepress 使用教程、项目经验分享等。 通过这个项目，我们可以学习到如何使用 Vuepress 构建个人知识库，...
vuepress：Lucifer103的个人博客
02-09
VuePress工具 VuePress博客构建工具 基于主题的VuePress博客快速搭建工具 准备 原始码仓库（原始码备份） 开发环境 吉特 Node.js 纱 使用 下载： git clone https://github.com/ioim/vuepress-theme-yur-tool.git 删除.git目录 安装： npm install 本地预览： npm run start 编译： npm run build 部署 需要修改deploy.sh脚本 教程 协议
记录vuepress
圣诞老人村的来信
08-19 2031
官网链接https://www.vuepress.cn/，这里我只是把我的过程记录下来 - 搭建 推荐使用的是yarn，我本来不用yarn，所以从头开始 官网强调node版本要>=8,我使用的是6，于是又下了nvm,管理切换node版本 curl -curl -o- httpo- https://raw.githubusercontent.s://raw. co...
VuePress 使用教程：从入门到精通
最新发布
我是 二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~
04-20 3275
VuePress 使用教程：从入门到精通
Vuepress 2从0-1保姆级进阶教程——全文搜索篇（含Algolia、meilisearch）
passwordgloo的博客
11-29 3310
介绍vuepress2 本地搜索、重点介绍algolia搜索各种使用办法，介绍meilisearch搜索两种使用方式
vuepress的使用
小菜张的博客
09-28 1763
vuepress
VuePress的简单使用
坚果的博客
08-01 2202
VuePress由两部分组成第一部分是一个极简静态网站生成器(opensnewwindow)，它包含由Vue驱动的主题系统和插件API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持Vue及其子项目的文档需求。本文会帮助你从头搭建一个简单的VuePress文档。如果你想在一个现有项目中使用VuePress管理文档，从步骤3开始。这一步骤是可选的，但我们推荐你完成它。现在，你应该已经有了一个简单可用的VuePress文档。启动一个热重载的开发服务器。...
vuepress使用简介及个人博客搭建
凡尘
06-29 3946
VuePress 是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器，基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown 文档，并且可以将其发布到github。VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。
Vuepress 2从0-1保姆级入门教程——环境配置篇
passwordgloo的博客
08-20 2945
Vuepress安装前置环境
VuePress 中如何增加用户登录功能
12-13
vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教程 在 VuePress 中增加用户登录 VuePress 是 Vuejs 官方提供的一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown...
VuePress Quick Start Guide
10-19
What are static site generators, why do you need them, and how are they better than general blogging or writing or content tools? This book answers all those questions as you learn how to build sites with VuePress. This book teaches you how to build static sites in VuePress in no time. All the site
vuepress-community:社区支持的VuePress生态系统
05-02
3. **Vue组件化**：VuePress允许在Markdown中直接使用Vue组件，使得内容和交互更加丰富。 4. **主题定制**：VuePress有默认主题，但社区提供了各种各样的主题，比如企业风格、博客风格，甚至支持主题自定义工具，...
myCss:基于 vuepress 搭建的教程类网站，内容以 css + demo 为主。目前主要为 css 揭秘 阅读笔记，30秒理解的 css 翻译
05-13
第二步，基于 vuepress 的 Component 生成的例子。在 .vuepress/component 目录下。 接着一般会给出 css 揭秘官方 DEMO 思路 第四步，根据例子会给出核心思路，如下： 透明颜色可使用 rgba 或 hsla 通过 background-...
VuePress安装及使用——使用 Markdown 创建你自己的博客网站和电子书
西凉的悲伤博客
12-18 2195
VuePress是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 语法来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。例如：官网的VuePress 快速开始就是采用 VuePress 生成的，你只需要使用 Markdown 来书写文章内容，其他的 VuePress 帮你搞定。VuePress 相比于其他以 Markdown 为中心的静态网站生成器，如、GitBookdocusaurusmdBook。
vuepress保姆级教学
wananzss的博客
11-15 1398
vuepress入门级教学
基础教程 | 用VuePress搭建一个简单的个人博客（附源码）
stay hungry, stay foolish
10-09 3231
用VuePress搭建一个简单的个人博客基础教程，基础版和美化版风格 （附源码）
Vuepress博客搭建教程
凉城旧影的博客
09-09 673
Vuepress博客搭建教程 环境搭建 安装node #官网下载node.js https://nodejs.org/zh-cn/ #下载好了自带npm #cmd窗口查看npm及node是否安装成功 出现版本信息说明成功 node -v npm -v #更换npm为淘宝源 npm config set registry https://registry.npm.taobao.org #查看是否更换成功 npm config get registry 打开vuepress官网 #创建一个项目目录 mkdi
VuePress基本用法与踩坑记录
Rain_Mic的博客
12-05 7673
文章目录一、前言二、VuePress是什么？三、环境搭建四、基础配置4.1 目录结构4.2 导航栏4.3 侧边栏4.4 自动生成侧边栏五、自定义主题六、避坑指南6.1 侧边栏无法正常使用6.2 生成静态网页时出现解析错误6.3 部署站点无法使用相对路径6.4 预览或编译时内存溢出（OOM）6.5 页面刷新异常或点击前进/返回异常：6.6 生成静态网页时内存消耗过多 一、前言 近期由于工作需要，接触了一些静态网页生成器，选中了 VuePress，具体可以先看看：云文档托管方案分析。 二、VuePress是什么
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值