如何使用Vercel 部署静态引导页(又省下一台VPS!)

Vercel 是一个强大而易于使用的云平台,用于快速部署静态网站和应用程序。它提供了简单的工作流程,无论你是个人开发者还是团队项目,都可以轻松使用它来进行部署。在本教程中,我将指导你如何使用 Vercel 部署你的静态页面。

访问 Vercel 官方网站:https://vercel.com/
在这里插入图片描述

注册一个 Vercel 账户,你可以选择使用邮箱注册。请注意,注册时需要绑定手机号码,Vercel会验证你的邮箱和手机号码。
在这里插入图片描述

注册成功后,进入 Vercel 页面,点击 “New Project”。
在这里插入图片描述

通过绑定 GitHub 或 GitLab,导入你需要部署的项目。建议使用项目的 Git 链接导入。如果你的静态页面尚未上传,请确保先创建一个仓库并上传项目文件。
在这里插入图片描述

注意:这里的链接是你项目在 GitHub 上的页面地址,而不是 GitHub 仓库地址。

关联你的 GitHub 账户和 Vercel,以便在代码更新后,Vercel 可以自动构建和部署。你需要授权登录以完成此步骤。

如果你导入的项目已经是一个打包好的静态网页,你可以在 “Build and Output Settings” 中将所有选项都勾选上,这表示不执行 Vercel 的默认构建命令。
在这里插入图片描述

点击 “Deploy” 开始部署。如果部署失败,你可以查看错误信息,可能是某些选项没有正确配置。如果部署成功,你会看到如下界面,上面有一个令人愉悦的动画效果。

绑定域名:在上一步中点击 “Continue to Dashboard” 后,你可以在设置中对项目进行一些配置,比如项目名称。
在这里插入图片描述

下面是如何自定义域名的示例:默认情况下,部署成功后,Vercel 会分配一个默认的域名给你。如果你想使用自己的域名,你可以在域名设置中将域名名称修改为你自己的域名。
在这里插入图片描述

在选择自定义域名后,Vercel 会检查域名的 DNS 设置是否正确。如果不正确,Vercel 会提供配置域名 DNS 所需的信息。请按照 Vercel 提供的信息配置你的域名 DNS。配置成功后,你的域名将与你的 Vercel 部署相关联。

这些步骤可以帮助你使用 Vercel 进行静态网站的部署和自定义域名的设置。

到此一个静态页面就部署完成了。

如果你有任何关于 Vercel 或其他技术方面的问题,记得关注龙哥,后续分享更多技巧。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

longm龙哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值