All Posts

vercel部署github项目,实现自动更新部署

May 19
·
views
·
likes

作者博客:https://delba.dev/

源码:https://github.com/delbaoliveira/website

动画做的都挺好的,然后文章内页我是真喜欢,后续对首页改一下版

前置

主要是操作 githubvercel直接一键部署就行了:

Git

首先需要下载 git,根据提示下载就好了

下载好配置一下本地git信息

git config --global user.name "您的用户名"
git config --global user.email "您的邮箱地址"

然后配置一下Github密钥

ssh-keygen -t rsa -b 4096 -C "github邮箱"

这个操作会在本地生成一个密钥

将密钥打印复制

cat ~/.ssh/id_rsa.pub

githubsettings-SSH and GPG keys,新建一个key,将上述复制的密钥复制进去

这样就配置好github了,在github新建一个仓库,复制下https链接

部署

推送到 Github

首先需要把代码推送到github

cd 进入代码目录

git init

删除文章使用:git rm "path/to/your/file"

git add .
git commit -m "首次提交"
git remote add origin https://github.com/用户名/仓库名.git
git push -u origin master

部署到 vercel

这个没啥好说的,直接新建选择仓库就好了

后续更新

vercel 只需要把本地修改的代码推送到已经部署的github上 ,就会自动更新部署

这里记录一下后续更新的操作

git add "content/posts/*.mdx"
git commit -m "新增文章"
git push origin master # 选择你的分支