创建Netlify账号 #
创建一个Vitepress项目 #
打开cmd执行该命令创建一个vitepress项目
pnpm add -D vitepress
初始化项目
pnpm vitepress init
运行项目
pnpm run docs:dev
浏览器打开此地址
出现这个说明项目创建成功
在项目根目录创建一个.girignore文件(用于忽略不用上传到github的文件)
.gitignore文件内容如下
node_modules
.DS_Store
dist-ssr
cache
dist
.cache
.temp
*.local
之后把代码托管到你自己的GitHub上
进入Netlify #
登录账号进入Netify,点击Add new site
选择第一个选项
选择GitHub
授权完毕后选择你的Vitepress项目
输入你喜欢的网站地址
输入构建命令和打包地址
构建命令:
pnpm run docs:build
打包地址:
.vitepress/dist
等待部署完毕
当这里出现之前输入的网址,即部署成功
访问一下,没有问题
在这之后,你每次更新提交你的代码,Netlify就会自动帮你重新部署一次,让你的代码永远都是最新的