第二阶段:入门实战
第 2 章 · 把你的网页发布到互联网
第二阶段:入门实战

把你的网页发布到互联网

把本地文件变成一个别人也能访问的公网链接。

先认识一个概念

上一章你做出来的是“本地文件”,这一次要做的是“可访问链接”。

当网页被部署到平台之后,它就不再只是你电脑里的文件,而是可以被别人打开的作品。

前置需知:认识 Vercel

你可以把它理解成一个全球化的网站托管平台。

它会帮你把写好的代码变成一个在线网页,并自动处理构建、部署和访问地址。

Vercel 是什么?

它能做什么?

它的核心作用,就是把你的代码变成一个公开链接。

  • 输入:你开发好的网页代码
  • 处理:平台自动完成部署和发布
  • 输出:一个可直接访问的网址
  • 结果:别人可以在浏览器中看到你的页面

为什么推荐它?

对于新手来说,Vercel 的好处非常直观:简单、快速、少运维。

入门友好
完全免费

多数小型学习项目可以直接免费使用,不需要先投入额外成本。

省心
无需运维

你不需要自己配服务器,也不用自己折腾复杂的部署环境。

高效率
即刻上线

提交代码后很快就能拿到访问地址,学习反馈会变得非常快。

必备工具清单

先把这些基础工具准备好,后续的部署流程会顺很多。

  • Terminal(终端):执行命令和查看输出
  • Node.js:运行网页项目的基础环境
  • Python:部分工具和脚本会用到
  • Git:管理和提交你的代码
  • GitHub:存放和同步你的项目

本关任务打卡

把本地页面部署到一个公开地址,完成第一次上线。

本关任务打卡
1确认项目可以本地运行
2完成一次部署
3拿到一个可访问链接
4把部署步骤记下来
继续完成本章节

先学完这一章,再点下一章继续。

下一章