VuePress

VuePress

Vue 驱动的静态网站生成器

快速上手 项目简介

简洁至上

以 Markdown 为中心的项目结构,以最少的配置帮助你专注于写作。

Vue 驱动

享受 Vue 的开发体验,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题。

高性能

VuePress 会为每个页面预渲染生成静态的 HTML,同时,每个页面被加载的时候,将作为 SPA 运行。

主题

提供了一个开箱即用的默认主题。你也可以挑选一个社区主题,或者创建一个你自己的主题。

插件

灵活的插件API,使得插件可以为你的站点提供许多即插即用的功能。

打包工具

既支持 Webpack 也支持 Vite。选一个你喜欢的来使用吧!

# 像数 1, 2, 3 一样容易

# 在你的项目中安装
yarn add -D vuepress@next

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

# 开始写作
yarn vuepress dev

# 构建静态文件
yarn vuepress build
1
2
3
4
5
6
7
8
9
10
11
# 在你的项目中安装
npm install -D vuepress@next

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

# 开始写作
npx vuepress dev

# 构建静态文件
npx vuepress build
1
2
3
4
5
6
7
8
9
10
11