使用 Vercel 部署博客

使用 Vercel 部署博客

风宇

之前使用的是 Github 部署博客,最近尝试了下 Vercel 部署,虽然中间因为某些原因有点炸裂,不过最后体验还不错。

Vercel 的优点:

  1. 速度更快,貌似在中国台湾有服务器
  2. 非常稳定并且免费
  3. 支持部署多个网站
  4. 支持很多模板,一键部署

步骤

需要注意的是:我已经使用 Github pages 部署好了 hexo 博客,并且是使用 hexo-deployer-git 这个插件,将生成的静态文件上传到 Github 仓库,请保持一致。

下面是具体细节:

  1. 打开官网 Vercel ,直接使用 Github 登陆即可,然后在控制台就能看到相关的项目了

  2. 点击 add new 选择 project

    第一步
    第一步
  3. 选择部署在 Github 的博客仓库,点击 import

    第二步
    第二步
  4. Project Name 默认即可,注意 Framework Preset 这里,可能会自动识别出 hexo,但是不要选,我们选择 Other 即可,其他选项默认,点击 Deploy,稍等片刻即可看到部署成功

第三步
第三步

至此部署就完成了,系统会自动分配一个域名,点击即可访问,但是 Vercel 本身的 Vercel.app 被墙了,所以最好绑定自己的域名。

在设置里面找到 Domains,然后绑定自己的域名并且配置相关 DNS 即可,Vercel 会自动帮你申请一个 SSL 证书。

以后每次向 Github 仓库提交,Vercel 会自动检测到变化,然后自动部署,速度很快,基本在十几秒。

这样就实现了使用 Vercel 部署博客,因为 Vercel 可以同时部署多个网站,所以可以新建一个 Github 仓库用来在 Vercel 部署,Github pages 也部署,再搭配 博客同时部署到Github和gitee 这篇文章,就可以一次三连 hexo clean && hexo g && hexo d,同时部署三个博客了 😂

  • 本文标题 : 使用 Vercel 部署博客
  • 本文作者 : 风宇
  • 创建时间 : 2023-07-31 18:01
  • 更新时间 : 2023-08-01 19:42
  • 本文链接 : https://krazyu.com/posts/55993/
  • 版权声明 : 本文章采用 CC BY-NC-SA 4.0 进行许可。
 评论
此页目录
使用 Vercel 部署博客