VitePress搭建文档博客系列

最近在Github)上，有人问VitePress如何自定义404页面的内容？自己去看了一下官方文档，发现可以根据官方提供的not-found插槽去配置即可，在自定义的theme/index.js文件中

VitePress部署到Github Pages后发现样式全错乱怎么办？ 当我们部署到Github pages线上后，发现全是样式错乱的，也就是无样式，怎么办？在此简单记录一下

我们搭建完成vitePress后，那么接下来就是如何部署到线上服务器，这里使用Github Pages，免得自己购买服务器，当然你也可以自己购买服务器来部署（比如阿里云服务器）。

第三方组件库的使用-搭建组件库文档? 第三方组件库的使用 我们经常看见UI组件库的文档，这里我们就用element-plus第三方组件库为例子，搭建组件库文档

如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？开始之前，首先我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的.

如何自定义首页布局和主题样式修改？ 有时候觉得自带的样式不好看，想自定义，首先我们在docs/.vitePress新建一个theme文件夹，用来存放自定义布局和主题修改的相关文件。

关于默认主题的标题，logo、页脚，最后更新时间等相关细节配置，我们也是通过文件config.js中的themeConfig选项来配置的

VitePress默认首页和头部导航、左侧导航栏配置 ，VitePress的默认主题的首页配置，通过设置 layout 选项为页面 frontmatter 来选择页面布局

从零教你开始用VitePress搭建个人博客，VitePress的安装和运行，VitePress是使用vite和Vue3的驱动的静态站点生成器，比之VuePress更加简约、轻型和高效