怎么样用 Vercel 搭建自己的网站，不花一分钱不消备案，速度还超快！
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有时候，你可能想要创建一个属于自己的网站，展示你的作品<span style="color: black;">或</span>分享你的想法，<span style="color: black;">然则</span>你又不想花钱去租用服务器，<span style="color: black;">或</span>不想面对繁琐的备案流程。<span style="color: black;">此时</span>候，你<span style="color: black;">能够</span>尝试<span style="color: black;">运用</span> Vercel 这个云平台。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Vercel是一个用于<span style="color: black;">安排</span>前端应用和无服务器函数的云平台，它<span style="color: black;">能够</span>优化<span style="color: black;">全部</span>项目<span style="color: black;">研发</span>和<span style="color: black;">安排</span>体验，支持多种语言和框架，<span style="color: black;">供给</span>了域名<span style="color: black;">拜访</span>、HTTPS、<span style="color: black;">全世界</span>边缘网络等功能，<span style="color: black;">能够</span><span style="color: black;">安排</span>自己的前端项目，<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">安排</span>自己的Python后端项目。并<span style="color: black;">供给</span>一个免费的域名给你。<span style="color: black;">倘若</span>你有自己的域名，你<span style="color: black;">亦</span><span style="color: black;">能够</span>在 Vercel 上绑定它，<span style="color: black;">况且</span>不需要进行备案就<span style="color: black;">能够</span><span style="color: black;">拜访</span>。Vercel 还<span style="color: black;">供给</span>了<span style="color: black;">全世界</span> CDN，让你的网站<span style="color: black;">拜访</span>速度更快，比 GitHub Pages 等其他平台更有<span style="color: black;">优良</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/541dbca7d76a45f4bb0d99bf340fb33c~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=wVQxaqjW8vUz6%2FKG5HkIcirm2Mg%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">过程</span>一：注册并登录Vercel</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">首要</span>，<span style="color: black;">咱们</span>需要注册并登录Vercel。<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">运用</span>GitHub、GitLab或Bitbucket的账号来登录，<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">运用</span>邮箱和<span style="color: black;">秘码</span>来注册。登录后，<span style="color: black;">咱们</span><span style="color: black;">能够</span>看到Vercel的仪表盘，<span style="color: black;">表示</span>了<span style="color: black;">咱们</span>的项目和<span style="color: black;">安排</span>。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/4f353b5322f149e38d9fec04be5dccb6~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=2jb6yimqjv0tgi%2F4iMb9q1fXNoo%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">过程</span>二：创建并<span style="color: black;">安排</span>一个项目</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来，<span style="color: black;">咱们</span>需要创建并<span style="color: black;">安排</span>一个项目。<span style="color: black;">咱们</span><span style="color: black;">能够</span>从Vercel<span style="color: black;">供给</span>的模板中<span style="color: black;">选取</span>一个，<span style="color: black;">亦</span><span style="color: black;">能够</span>导入<span style="color: black;">咱们</span>自己的Git仓库，<span style="color: black;">或</span><span style="color: black;">运用</span>Vercel CLI来<span style="color: black;">安排</span>本地的项目。在本文中，<span style="color: black;">咱们</span>以导入Git仓库为例。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在仪表盘上，点击New Project按钮，<span style="color: black;">而后</span><span style="color: black;">选取</span>Import Git Repository选项。在弹出的窗口中，<span style="color: black;">选取</span><span style="color: black;">咱们</span>想要导入的Git平台（GitHub、GitLab或Bitbucket），并授权Vercel<span style="color: black;">拜访</span><span style="color: black;">咱们</span>的仓库。<span style="color: black;">而后</span>，在搜索框中输入<span style="color: black;">咱们</span>想要导入的仓库名<span style="color: black;">叫作</span>，并点击Import按钮。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/dcda59aeea1144bebd91119c7c54de24~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=4no%2F03ngyGKBfdAQ4dqNV52bjEE%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在导入仓库后，<span style="color: black;">咱们</span><span style="color: black;">能够</span>看到项目的设置页面。在<span style="color: black;">这儿</span>，<span style="color: black;">咱们</span><span style="color: black;">能够</span>修改项目的名<span style="color: black;">叫作</span>、描述、环境变量等信息。<span style="color: black;">倘若</span><span style="color: black;">无</span>特殊<span style="color: black;">需要</span>，<span style="color: black;">咱们</span><span style="color: black;">能够</span>直接点击Deploy按钮，<span style="color: black;">起始</span><span style="color: black;">安排</span><span style="color: black;">咱们</span>的项目。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/2bb625eb2dfa43dfb2a4cf070d5f4fd2~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=Tj%2FGYIpKShjeXgJOT4pMi6VjCho%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">安排</span>完成后，<span style="color: black;">咱们</span><span style="color: black;">能够</span>看到项目的概览页面。在<span style="color: black;">这儿</span>，<span style="color: black;">咱们</span><span style="color: black;">能够</span>看到项目的状态、日志、分析等信息。最重要的是，<span style="color: black;">咱们</span><span style="color: black;">能够</span>看到项目被分配了一个默认的.vercel.app域名，例如my-project.vercel.app。这个域名<span style="color: black;">能够</span>让<span style="color: black;">咱们</span><span style="color: black;">拜访</span><span style="color: black;">咱们</span>的项目，并与团队成员进行协作。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/7ce78152aa2a4416a2d26818181e1429~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=jE8zj3j4Ug5bT1vXRy2rV9GRChI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">过程</span>三：添加并配置自己的域名</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">虽然默认的.vercel.app域名很方便，<span style="color: black;">然则</span><span style="color: black;">倘若</span><span style="color: black;">咱们</span>想要更个性化和灵活的域名，<span style="color: black;">咱们</span><span style="color: black;">能够</span>添加并配置自己的域名。<span style="color: black;">倘若</span><span style="color: black;">咱们</span>还<span style="color: black;">无</span>一个域名，就需要购买了。<span style="color: black;">倘若</span><span style="color: black;">咱们</span><span style="color: black;">已然</span><span style="color: black;">持有</span>一个域名，<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">根据</span>以下<span style="color: black;">过程</span>来添加并配置它。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/b9be93061a5b4e5db226a6c842c17564~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=MBkSvar4rcga68J24cQobWlzGiQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">首要</span>，在项目的概览页面上，点击Settings选项卡，<span style="color: black;">而后</span><span style="color: black;">选取</span>Domains菜单项。在Domains页面上，输入<span style="color: black;">咱们</span>想要添加到项目的域名，并点击Add按钮。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span><span style="color: black;">咱们</span>添加的是顶级域名（例如example.com），Vercel会提示<span style="color: black;">咱们</span>添加www子域前缀、顶级域名以及<span style="color: black;">有些</span>基本的重定向选项。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">再自己购买域名的商家后台配置域名解析，配置如下图</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/617e408967224cd4b3d1a07968372af6~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=LGWmDruLTNvrd5aV0weQXCRpijM%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">免费的套餐一个月 带宽100G，<span style="color: black;">同期</span><span style="color: black;">亦</span><span style="color: black;">能够</span>付费升级套餐。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/f875f5c6b8b44ffa80aecf131430a2de~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722818275&x-signature=w5XFZ%2Fz2MqfuKQ%2FpyImGlWOfnbQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
真情实感，其含义为认真了、走心了的意思，是如今的饭圈常用语。 你的话语如春风拂面，让我感到无比温暖。 我完全同意你的观点，说得太对了。 这夸赞甜到心里，让我感觉温暖无比。
页:
[1]