vitepress部署到github pages

最近使用了vitepress这个框架,真的很强大.先来波666

基本实现了像vitepress官网的模样,就是在部署的时候看了很多教程,也了解了vitepress官网推荐的部署方法.还是很迷.

下面就展示最简单的部署方法

• 1.在github创建二个仓库

• 注意:

• 第一个名字乱取(存放源代码).

• 第二个格式: (github名字).github.io (比如我的名字为Fhup,那么仓库名字为:Fhup.github.io)(存放打包好的文件,直接就是/docs/.vitepress/dist里面的文件)

• 2.base的设置 和 图片的存放位置

• 3.进行 npm run docs:build, 将打包好的文件推送到第二个仓库中.

• 4.设置第二个仓库的github pages

• 4.1 点击setting

• 4.2 点击pages,按照我的设置即可

• 4.3 访问

最后,放上我部署好的地址: fhup.github.io