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