用vitepress搭建一个个人博客！！

效果：Click here --> 🤞

流程

1. 创建项目

vitepress基于vuepress，打包工具从webpack改为vite。感觉用起来更轻便，热加载也快的多。

• 先创建一个文件夹 ： ./vitepress-Blog
• 进入文件，打开powershell，并且输入：

yarn init
yarn add --dev vitepress

• 文件结构：

1. 在./docs/vitepress内 新建vitepress的配置文件config.js
2. 在./docs内新建不同的文件夹，如classwork等，用于存放不同类别的博客内容
3. ./docs/public内存放favicon和要用到的图片等静态资源

4. ./docs/index.md是博客的首页，通过formmater可以配置首页样式，它让首页看起来是这样：

我是这样配置的

其中，通过style标签可以改变字体颜色

2. 内容撰写

在这里我想写四块内容

我需要在./doc/.vitepress/config.js内进行配置：

通过配置themeConfig:{nav:[xxx]}就可以实现这种效果

3. 部署

• 先去腾讯云买一个域名：
• 上传到github： 创建一个特殊的仓库，名字和你的名字一样，这样这个仓库里的readme.md的内容就会显示在你的个人首页
• 去vercel部署：
• 通过cloudflare对DNS进行解析：