引言 对于一个程序员小白来说，拥有一个专属自己的博客网站是很酷炫的事情，接下来我就教大家如何用VuePress+GitHub Pages来打造你的自动化部署个人博客。

这是一期关于VitePress搭建博客并将它部署到Github Pages的教程文章，起因是把年前给自己立的一个flag完成

主要阐述vitepres项目部署到GitHub Pages 不阐述vitepess细节技术使用，详细使用可详见vitepress中文官网 包含细节踩坑，如遇GitHub部署问题，可放心食用 通过Git

最近写文章越来越多，基本上写完都是发到掘金上的，又希望别人通过github也能够阅读，那就自己动手搭建属于自己的blog吧

用官方的话来说 VuePress 是一款以 Vue 驱动的静态网站生成器,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。由于vuepress支持自定义开发主题所以很多人拿它来写博客，下面我会用 VuePress 搭建一个极简的博客网站并使用GitHub Actions部…

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

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

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

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