跳到主要内容

1 篇博文 含有标签「vercel」

查看所有标签

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

vercelblog阅读需 3 分钟