1分钟快速发布网站，让每个人拥有发布网站的能力，不懂技术也可以，网站部署从未如此简单
hi 这是 dhl 的第 57 篇原创文章
个人微信: hi-dhl
hi 大家好，我是 DHL。公众号：ByteCode ，专注分享最新技术原创文章，涉及 Kotlin、Jetpack、算法动画、数据结构、系统源码、 LeetCode / 剑指 Offer / 多线程 / 国内外大厂算法题等等。
这篇文章我们主要来介绍如何在没有服务器，没有域名，没有证书的情况下 快速发布你的网站，分为 视频版 和 文字版。
视频版
视频号：一个认真分享 技术 、 工具 、 效率 相关内容的频道
👇🏻 真诚推荐你关注我👇🏻
感谢大家帮忙 点赞、 收藏、 分享 给身边的朋友
文字版
哈喽，大家好，我是 DHL，你有没有遇到过这么一个情况，希望通过域名就可以在手机，电脑，ipad 访问自己开发的网站，想去百度有不知道搜索什么关键词。
知道怎么搜索，但是百度完了之后，看到需要学习这么多技术，就放弃了。
网站花了很长时间终于部署好了，但是别人访问你的网站的时候总是提示这是一个不安全的网站，最后才知道还需要配置 Https 证书，设置端口等等。
这一期的视频，将会帮助你快速解决这些问题，让不懂技术的小伙伴，没有服务器，没有域名，没有任何资源的情况下，也能够在几秒钟之内快速完成一个网站的部署，视频很短，请耐心看完，相信对你以后的工作和学习会有很大的帮助。
部署网站都需要做那些事情
首先我们先来看一下完成一个网站的部署都需要做那些事情：
整个流程不仅麻烦、而且购买域名、服务器价格也是非常昂贵，但是有没有更加简单、高效的方式，可以快速的完成一个网站的部署。
这就是我们今天重点介绍 Vercel，Vercel 帮我们把大部分工作都实现了自动化，可以在几秒钟之内完成一个网站的部署。
Vercel 是一个什么样的网站
Vercel 它是一个免费的网站托管平台，也是我目前用过最好的网站托管平台，不仅仅可以部署静态网站，而且还可以部署动态网站，所以我们可以拿 vercel 充当你免费的服务器，主要有以下好处。
关联 github，只需要往 github 提交代码，它会自动获取最新的提交，然后自动部署
提供了免费的域名，省去了申请域名的问题，如果有自己的域名，还可以做个域名解析到这个平台上
提供了免费的 Https 证书，如果证书到期了，它会自动替换，完全不需要操心
傻瓜式的部署方式，它的操作非常简单，Vercel 提供了两种方式：通过命令行部署、通过 Vercel 提供管理后台部署，这期视频我们主要介绍通过命令行部署，因为命令行的部署方式更加简单
通过命令行部署
这些命令不需要记，使用的时候复制粘贴就行。每个命令是什么意思，我都已经备注好了，最后我会放在评论区分享给大家。
注册 Vercel 账号
在使用之前需要注册 Vercel 账号，Vercel 提供了多种方式支持 Github 也支持邮箱注册，所以你可以选择一个常用的方式。
安装和登录 Vercel 客户端
当我们注册好账号之后，需要安装 Vercel 客户端，Vercel 提供了两种安装方式 npm 和 yarn。
npm i -g vercel或者
yarn global add vercel
PS：如果提示 npm 或者 yarn 没有找到，需要安装 npm 或者 yarn，安装教程我会放在评论区
首先我们打开终端。Mac 用户通过 command (花键) + 空格打开搜索框输入终端。Win 用户可以使用 PowerShell，复制粘贴对应的命令，即可开始下载安装 Vercel 客户端。
登陆和发布你的网页（具体如何操作，可以查看视频）
安装完成之后，输入 vc login 登陆你注册的账户。
可以选择多种登陆方式，你用什么方式注册的，就选择什么登陆方式即可，这里我们选择 github 登陆，将会弹出一个网页，验证登陆成功之后，就可以部署你的网站了。完成一个网站的部署只需要三步：
首先我们需要准备一个网页
网页可以直接从网上去下载免费的网站模板，这里我已经提前下载好了一个网页，接下来我们要将这个网页部署到 Vercel，实现在任何设备上都可以访问
进入你存放网页的文件夹
打开终端输入 cd 将存放网页的文件夹拖入终端，按回车即可进入存放网页的文件夹
然后输入
vc上传你网页到 Vercel，在上传之前, Vercel 提示我们需要做简单的配置，这里什么都不需要管，一直回车就好了
等待一会，部署完成之后 Vercel 将会生成一个以 vercel. App 结尾的域名，复制粘贴在浏览器上即可运行，到这里我们已经完成了网站的部署了。
如果生成的域名不是你想要的，我们也可以进入 Vercel 管理后台更改你的域名。（具体如何操作，可以查看视频）
通过命令 vc --prod 更新本地网页
如果更新了已经部署成功的网页，比如修改了图片、文字等等，在终端下输入 vc --prod, 提示成功之后，刷新一下网页，你修改内容就会显示出来了。
上期视频
感谢大家帮忙 在看、点赞、分享 给身边的朋友
持续分享最新的技术
文末链接包含各类技术知识体系
👇🏻 真诚推荐你关注我👇🏻
因微信公众号更改了推送机制
可能无法及时看到最新文章
将公众号设为 星标
或常为文章点 在看
即可及时收到最新文章
欢迎前往 博客 查看更多 Kotlin、Jetpack 、动画算法图解、系统源码分析等等文章。以及开源项目、LeetCode / 剑指 offer / 国内外大厂面试题 / 多线程 题解。
https://www.hi-dhl.com