从写完代码到别人能访问,中间就差这几步。
做好了一个网站,下一步就是让别人能访问到它。这篇教程介绍两种主流的部署方式:宝塔面板——适合有服务器的同学,前后端项目都能搞定;以及 Cloudflare / Vercel——不需要服务器,适合纯静态站点快速上线。
在你的域名服务商(腾讯云、阿里云等)的 DNS 解析控制台,添加一条 A 记录,把子域名指向你的服务器 IP。
| 主机记录 | 记录类型 | 记录值 |
|---|---|---|
| shili | A | 123.45.67.89(你的服务器 IP) |
shili,最终访问地址就是 shili.mowan.work登录宝塔面板,点击「网站」→「添加站点」,在域名栏填写你的完整域名:
静态站点不需要选 PHP 版本和数据库,直接确定即可。系统会自动创建网站根目录。
站点创建完成后,给网站配上 SSL 证书,这样访问时就是 https:// 开头,浏览器不会提示"不安全"。
打开站点的根目录(一般是 /www/wwwroot/shili.mowan.work),把你的 HTML 文件上传上去。
如果你的项目在 GitHub 上,可以用宝塔的 Git 部署功能。以后每次 push 代码,服务器会自动同步更新。
详细设置教程:宝塔官方 Git 部署文档 ↗
「我只是想上线一个静态网站,还要申请域名、部署服务器,太麻烦了」——可以用这两个「赛博活佛」平台:
全球 CDN 加速
免费额度充足
自带 .pages.dev 域名
前端项目首选
一键部署
自带 .vercel.app 域名
以 Cloudflare 的 Wrangler CLI 为例,演示完整流程。
推荐安装在项目目录里(不要全局安装),因为每个项目的运行环境不一样,不能通用一些环境配置:
运行登录命令,会自动打开浏览器让你授权:
登录成功后,一行命令把项目部署上去:
部署完成后会自动分配一个 .pages.dev 的免费域名,打开就能看到你的网站了。
如果你有自己的域名,想用自定义域名访问,需要两步:
你的项目名.pages.dev
| 主机记录 | 记录类型 | 记录值 |
|---|---|---|
| shili | CNAME | shili-mowan-work.pages.dev |
| 宝塔面板 | Cloudflare / Vercel | |
|---|---|---|
| 需要服务器 | 是 | 不需要 |
| 适合项目类型 | 前后端都行 | 纯静态 / 前端框架 |
| 自定义域名 | 自己的域名 | 免费二级域名 + 可绑自己的 |
| 维护难度 | 中等(需维护服务器) | 低(平台托管) |
| 推荐场景 | 长期项目、带后端 | 快速上线、个人站点 |
这是一个部署演示页面
shili.mowan.work
如果你看到了这个页面,说明网站已经成功部署上线了。