如何使用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 或其他技术方面的问题,记得关注龙哥,后续分享更多技巧。

相关推荐

  1. 将一个nextjs项目部署vercel

    2023-12-24 07:38:01       21 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-24 07:38:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-24 07:38:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-24 07:38:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-24 07:38:01       20 阅读

热门阅读

  1. 小红书获得小红书笔记详情 API

    2023-12-24 07:38:01       56 阅读
  2. Crow:Middlewares 庖丁解牛5 context

    2023-12-24 07:38:01       46 阅读
  3. css@media媒体查询

    2023-12-24 07:38:01       47 阅读
  4. [字符编码]windwos下使用libiconv转换编码格式(二)

    2023-12-24 07:38:01       47 阅读
  5. Pytorch项目,肺癌检测项目之三

    2023-12-24 07:38:01       40 阅读
  6. 力扣labuladong一刷day45天二分图判定

    2023-12-24 07:38:01       43 阅读
  7. 二级指针使用

    2023-12-24 07:38:01       43 阅读
  8. mybatisx 插件模板

    2023-12-24 07:38:01       43 阅读
  9. 第6章 用户输入和while循环

    2023-12-24 07:38:01       41 阅读