Vercel是一个非常强大的网站部署平台,它具有以下优势:
- 操作简单便捷
- 访问速度快
- 提供免费部署服务
需要注意的重要提醒:由于网络限制,vercel.app域名在中国大陆可能无法访问。如果您主要面向国内用户,建议使用Netlify作为替代方案。
部署流程可以分为以下几个简单步骤:
1. 账号注册
推荐使用GitHub账号直接登录Vercel,这样可以更方便地管理您的项目。
2. 创建项目
登录后,您可以:
- 从现有的GitHub仓库导入项目
仓库地址:kuizuo/blog
- 选择使用Vercel提供的模板。
不好使~我觉得的!不是科班不好使。
3. 部署过程
选择好项目后,只需点击Deploy按钮,Vercel会自动完成后续的部署流程。无需输入任何命令,就能完成网站的构建和部署。
4. 自定义域名
如果您拥有自己的域名,可以通过以下步骤配置:
-
在项目设置中添加域名。

-
按照Vercel提供的DNS记录配置域名解析。

额外优势:Vercel会自动为您的网站颁发和更新SSL证书,确保网站安全。
5. 自动化部署
每当您推送代码到主分支时,Vercel会自动更新您的网站,实现持续集成和部署。
这个平台特别适合部署个人博客、文档网站或静态网站。通过以上步骤,您可以快速搭建并运营自己的网站。
持续集成(CI)/持续部署(CD)
To update your Production Deployment, push to the “main” branch.
当主分支有代码被推送,Vercel 将会重新拉取代码,并重新构建进行单元测试与部署(构建速度可观)

image-20220511173442694
Tips :配合GitHub的workspace功能使用更加方便
6. 修改地方
恩,你会发现你现在部署的博客叫做 愧怍 不是你自己 ,那么怎么改呢
开源项目的目录如下
├── blog # 博客
│ ├── [first-blog.md](http://first-blog.md/)
├── docs # 文档/笔记
│ └── [doc.md](http://doc.md/)
├── data
│ ├── feature.tsx # 特点
│ ├── friends.tsx # 友链
│ ├── projects.tsx # 项目
│ ├── skills.tsx # 技术栈
│ └── social.ts # 社交链接
├── i18n # 国际化
├── src
│ ├── components # 组件
│ ├── css # 自定义CSS
│ ├── pages # 自定义页面
│ ├── plugin # 自定义插件
│ └── theme # 自定义主题组件
├── static # 静态资源文件
│ └── img # 静态图片
├── docusaurus.config.ts # 站点的配置信息
├── sidebars.ts # 文档的侧边栏
├── package.json
├── tsconfig.json
└── pnpm-lock.yaml
请关注
├── blog # 博客
│ ├── [first-blog.md](http://first-blog.md/)
├── docs # 文档/笔记
│ └── [doc.md](http://doc.md/)
这两个部分就OK了 ,删除BLOG下所有的MD文件 换成你的就O K了 然后按照作者的教程,将主题啊什么的改好。
最后你只要关注md文件即可。
最后再次感谢kuizuo和Vercel 。
参考链接
https://github.com/kuizuo/blog/blob/main/blog/program/Vercel部署个人博客.md