Github Pages + VitePress搭建

官网：https://vitepress.dev/

1.准备

2.新建项目

在该项目路径下安装vitepress并初始化(建议用管理员的方式打开命令行)

npm add -D vitepress	#安装
npx vitepress init	#初始化

得到以下目录结构

3.配置站点基本信息

.vitepress/config.js,这个配置文件js、ts、mts都可以，如果你上面的初始化init成功的话，那这里就会自动生成了

// .vitepress/config.js
export default {
  // site-level options
  title: 'VitePress',
  description: 'Just playing around.',

  themeConfig: {
    // theme-level options
  }
}

4.启动并运行

package.json脚本中添加

{
  ...
  "scripts": {
    "docs:dev": "vitepress dev docs",
    "docs:build": "vitepress build docs",
    "docs:preview": "vitepress preview docs"
  },
  ...
}

启动