VuePress搭建（一）

最新推荐文章于 2025-06-26 16:26:53 发布

qz_zhiren

最新推荐文章于 2025-06-26 16:26:53 发布

阅读量457

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vuepress 文章标签： Vuepress 博客

本文链接：https://blog.youkuaiyun.com/qz_zhiren/article/details/88372200

Vuepress 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用VuePress搭建个人文档网站，包括安装node.js、设置淘宝镜像、全局安装VuePress、创建Markdown文件及运行预览等关键步骤。

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

最简单的vuepress搭建步骤

下载安装node.js

安装并运行

#设置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 全局安装
npm install -g vuepress

# 创建一个markdown文件
echo '# Hello VuePress' > README.md

# 运行
vuepress dev

访问启动成功后控制台地址即可

在这里插入图片描述

实例展示

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qz_zhiren

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用VuePress搭建一个类型element ui文档

无聊者进来逛逛

06-04

1万+

网站成果样式项目书写步骤 github地址:https://github.com/xuhuihui/dataCom 官网：http://caibaojian.com/vuepress/guide/getting-started.html 参考文章：https://www.javascriptcn.com/read-31206.html 前言：我先git clone官方gith...

使用vuepress搭建一个完全免费的个人博客网站

yundashi168的博客

03-22

2414

前言只听过vue，没听过vuepress？它可是新的vue全家桶成员之一，尤雨溪大神推出的一款好用的模板。不信？请看Evan You github。star数已过万，并不少。 vuepress用于迅速搭建技术文档网站与个人博客，简单快捷，下面和我一起开始学习吧！（想直接coding的同学可从第三节开始）一、模块概述 1. 定义 Vue 驱动的静态网站生成器 2. 亮点自己总结的vuepress优点 3. 同类模块横向对比 ①. Nuxt: Nuxt: VuePress 能做的事情，Nux

参与评论您还未登录，请先登录后发表或查看评论

vuepress基于Vue的简约静态站点生成器

08-12

vuepress：基于Vue的简约静态站点生成器

vuepress搭建技术文档实战（带github项目地址）

weixin_33767813的博客

10-15

826

本文主要讲解的是用vuepress搭建一个技术文档，且这个技术文档是与github pages 相关联的。就是我们常见的下图的这种：最终效果如下图：如果与你想要做的一样，请仔细阅读下面的内容。重要提示本文不会重复介绍官方文档的内容，官网的API已经写得很详细并且写得很好了。所以，请先按照官网的讲解一步步实践，如果遇到其他的问题，这篇文章的内容也许能够帮到你。去官网背景一开始我并不是...

VuePress：Vue驱动的静态站点构建解决方案

最新发布

weixin_33506815的博客

06-26

833

VuePress 是一个由 Vue.js 驱动的静态网站生成器，它特别适合构建以内容为中心的网站，如文档、博客等。VuePress 的设计哲学是尽可能简单地让内容编写变得高效，同时利用 Vue.js 提供的强大功能来增强用户界面和交互。在 VuePress 中，您可以发现以下特点：简洁的配置：VuePress 提供默认配置，但在需要时，也支持深度自定义。主题机制：它具备灵活的主题机制，允许用户根据个人喜好和品牌进行定制。插件生态。

搭建VuePress

believer

04-04

211

搭建VuePress 一、安装 npm install -g vuepress // 或者 yarn global add vuepress 二、新建一个项目文件夹，并初始化 // 创建一个目录叫 myblog mkdir myblog // 进入这个目录 cd myblog // 初始化项目 npm init -y 三、vuepress基本配置并运行在myblog目录下创建do...

利用VuePress-Creator（VuePress脚手架）快速搭建VuePress项目

左撇峰子的博客

02-11

1268

背景最近想把博客搬迁到 Github 上，所以找到了 VuePress 静态站点生成工具。现在已经升级到 1.x 版本了，目前用着还不错。但就是每次创建 VuePress 项目略显麻烦，无奈之下抽空写了 VuePress-Creator 脚手架（开源！开源！开源！），方便了快速创建 VuePress 项目。但由于时间关系，脚手架没有添加多语言选项，后期会抽空完善这款脚手架的~ 下面我简单...

vuepress

ximingx

06-17

853

二十分钟快速生成个人博客

如何使用VuePress搭建一个类型element ui文档

10-17

在本文中，我们将深入探讨如何使用 VuePress 来搭建一个类似 Element UI 的文档站点。Element UI 是一套流行的 Vue.js UI 组件库，而通过 VuePress，我们可以构建一个展示组件、功能和使用方法的文档网站。首先，...

Vue进阶（九十六）：VuePress 详解

IT全栈华强工作室

02-27

4776

1.介绍 VuePress ,一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。 VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTML，...

分享给大家一个搭建静态博客的工具--vuepress

qq_42036203的博客

03-04

1622

使用vuePress来建设文档官方文档 GIT仓库demo地址一、入门搭建 1、安装yarn，vuepress，使用npm安装vuepress的话会出现这种，当将 VuePress 安装到以 webpack 3.x 作为依赖项的已有项目中时，推荐使用Yarn 而不是 npm。因为在这种情况下，Npm 无法生成正确的依赖关系树。 npm install -g yarn yarn glob...

开启您的文档之旅：VuePress —— 极致的文档系统体验

gitblog_00813的博客

08-12

508

开启您的文档之旅：VuePress —— 极致的文档系统体验在信息爆炸的时代，如何让我们的文档脱颖而出？VuePress 是一个由 Vue.js 驱动的静态站点生成器，专为撰写技术文档而生。它不仅具备强大的功能和优美的界面设计，还能完美融入 GitHub 和 Vercel 的工作流程。项目介绍 VuePress 是一款基于 Vue.js 构建的现代化文档站解决方案，旨在帮助开发者们轻松创建和维...

如何使用VuePress搭建一个文档网站或者博客

WPHunter的编程技术资料库！

02-08

1971

VuePress 是一个开源框架，专门用于生成静态网站，主要面向文档和博客。它是由 Vue.js 背后的天才Evan You创建的，体现了Vue.js著名的简单易用的理念。以下是一些令人信服的理由，说明为什么 VuePress 可能是您的最佳选择。VuePress 使用 Markdown 简化了内容创建，无需复杂的格式即可轻松编写和组织内容。VuePress 无缝集成了 Vue.js，支持交互式动态网页元素，带来引人入胜的用户体验。

介绍 VuePress

Adley志明.杨的博客

09-23

928

VuePress由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTML，它们能提供出色的加载性能，并且对 SEO 友好。然而，页面加载之后，Vue 就会将这些静态内容，接管为完整的单页面应用程序(SPA)。当用户在浏览站点时，可以按需加载其他页面。

linux（docker）下使用VuePress从零开始搭建自己的博客（一）：VuePress环境搭建

AnChenliang_1002的博客

04-09

1609

默认的主题提供了一个首页（Homepage）的布局(用于这个网站的主页)。想要使用它，需要在你的根级 README.md设置home: true，然后添加数据。actionText: 查看我的博文 →features:details: 欢迎学习pythondetails: 欢迎学习Golangdetails: 欢迎学习web此时回到mylog目录下运行项目，打开http://你的ip或域名/

VuePress学习

a2739294436的博客

12-05

970

clientSecret: 'YOUR_CLIENT_SECRET', //OAuth App 的 client secret。clientId: 'YOUR_CLIENT_ID', //OAuth App 的 client id。owner: 'OWNER_OF_REPO', //对应 repository 的拥有者帐号或者团队。repo: 'NAME_OF_REPO', //用来存储评论的 repository。4.配置 .vuepress/config.js。// 其他vssue配置。

vuepress学习笔记（简易版）

weixin_44707050的博客

12-07

216

在gitee创建项目并拉取初始化 npm init 安装vuepress npm install -D vuepress 创建docs文件夹->创建README.md文件在package.json下加script { "scripts": { "dev": "vuepress dev docs", "build": "vuepress build docs" } } 运行项目 npm run dev 访问http://localhost:80...

vuepress搭建个人博客以及部署

qq_43206280的博客

01-27

2041

vuepress，Vue 驱动的静态网站生成器，以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。vuepress存在很多主题，也可以自定义设计主题，上传npm使用这里采用vuepress-theme-hope主题模板进行制作创建项目命令yarn/npm/pnpm都可以这里记录几个关键点。