- 1. 首先,我们要做的第一件事就是创建目录 (在这之前请确保NodeJS已经安装好!)
mkdir blog-vitepress cd blog-vitepress
- 2. 初始化 package.json ,并安装 viteppress
npm init npm i --save-dev vitepress
- 3. 将 VitePress 脚本添加到 package.json 文件中。
{ ... "scripts": { "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs" }, ... }
- 4. 根目录下创建 docs 文件夹,并创建第一个 index.md 文件(这个是网站首页的配置和内容),可以用命令行或在文件夹手动创建。
mkdir docs echo '# Hello World' > docs/index.md
- 5. 启动项目
npm run docs:dev
浏览器中会打开一个新页面(http://localhost:3000/),到这里,最基本的项目搭建好了。 - 6. 去掉右侧的边栏
--- aside: false ---
Ref: https://vitepress.vuejs.org/guide/getting-started
Ref: https://zhuanlan.zhihu.com/p/346857150