1.效果预览

我的博客预览：https://tao-yuhan.gitee.io/tyhanblog/

2.vuepress

我这里使用的vuepress-theme-reco主题
官网地址：https://vuepress-theme-reco.recoluan.com/

3.文章目录配置


我的文章全部放在docs目录下，每一个文件夹就是一个目录，subSidebar设置为auto可以开启文章的子目录

4.样式设置


想要自己设置样式，需要在.vuepress/styles/index.styl中通过类选择器设置

5.部署

部署到gitee pages中需要在config.js中加上

// /tyhanblog/是博客的根目录，同样也得是gitee仓库的名字
"base": "/tyhanblog/"

base后面的地址是项目的根目录

在gitee上创建仓库的时候仓库名也得是刚刚base后面的名字

如何上传代码可查询其他文章，这里提供一个git常用指令文章
https://tao-yuhan.gitee.io/tyhanblog/docs/Web/git/git.html

代码全部上传后开启服务中的git pages
部署目录为public，等待一会儿就完成部署了