网站如何上线

从写完代码到别人能访问,中间就差这几步。

往下滑

做好了一个网站,下一步就是让别人能访问到它。这篇教程介绍两种主流的部署方式:宝塔面板——适合有服务器的同学,前后端项目都能搞定;以及 Cloudflare / Vercel——不需要服务器,适合纯静态站点快速上线。

方式一

宝塔面板部署

1

添加 DNS 解析

在你的域名服务商(腾讯云、阿里云等)的 DNS 解析控制台,添加一条 A 记录,把子域名指向你的服务器 IP。

主机记录 记录类型 记录值
shili A 123.45.67.89(你的服务器 IP)
主机记录就是子域名的前缀。填 shili,最终访问地址就是 shili.mowan.work
2

宝塔面板 → 添加站点

登录宝塔面板,点击「网站」→「添加站点」,在域名栏填写你的完整域名:

打开宝塔面板
点击「网站」
添加站点:shili.mowan.work
确定

静态站点不需要选 PHP 版本和数据库,直接确定即可。系统会自动创建网站根目录。

3

申请免费 SSL 证书

站点创建完成后,给网站配上 SSL 证书,这样访问时就是 https:// 开头,浏览器不会提示"不安全"。

进入站点设置 → 找到「SSL」选项卡
点击「申请证书」→ 选择免费证书(Let's Encrypt)
等待验证通过,证书自动部署
开启「强制 HTTPS」
宝塔面板内置了 Let's Encrypt 免费证书申请,一键搞定,到期自动续期。
4

上传网站文件

打开站点的根目录(一般是 /www/wwwroot/shili.mowan.work),把你的 HTML 文件上传上去。

/www/wwwroot/shili.mowan.work/
├── index.html ← 首页入口
├── style.css ← 样式(如果有)
└── images/ ← 图片资源
上传时如果提示是否覆盖,大胆点「确认」——创建站点时自带的 HTML 只是个示例页,换成你自己的就行了。
5

进阶:Git 自动部署

如果你的项目在 GitHub 上,可以用宝塔的 Git 部署功能。以后每次 push 代码,服务器会自动同步更新。

本地修改代码
git push
GitHub 仓库
宝塔自动拉取
好处:不用每次都打开宝塔面板手动上传,推代码就自动部署。

详细设置教程:宝塔官方 Git 部署文档 ↗

方式二

Cloudflare / Vercel(免服务器)

1

适合什么场景?

「我只是想上线一个静态网站,还要申请域名、部署服务器,太麻烦了」——可以用这两个「赛博活佛」平台:

☁️ Cloudflare Pages

全球 CDN 加速
免费额度充足
自带 .pages.dev 域名

▲ Vercel

前端项目首选
一键部署
自带 .vercel.app 域名

以 Cloudflare 的 Wrangler CLI 为例,演示完整流程。

2

安装 Wrangler CLI

推荐安装在项目目录里(不要全局安装),因为每个项目的运行环境不一样,不能通用一些环境配置:

# 进入你的项目目录
cd 你的项目文件夹

# 初始化 package.json(如果没有的话)
npm init -y

# 安装 wrangler 到项目开发依赖
npm install -D wrangler
装在项目里的好处:版本锁定在 package.json 中,团队协作时每个人用同一版本,不会出现"我这跑得通你那跑不通"的问题。
3

登录 Cloudflare

运行登录命令,会自动打开浏览器让你授权:

npx wrangler login

# 浏览器会弹出授权页面,点击「Allow」即可
授权完成后终端会显示 "Successfully logged in.",之后就不需要再登录了。
4

一键部署

登录成功后,一行命令把项目部署上去:

npx wrangler pages deploy .

# ✅ Deployment complete!
# 访问: https://你的项目名.pages.dev

部署完成后会自动分配一个 .pages.dev 的免费域名,打开就能看到你的网站了。

5

绑定自定义域名(可选)

如果你有自己的域名,想用自定义域名访问,需要两步:

去你的 DNS 解析控制台,添加 CNAME 记录指向 你的项目名.pages.dev
在 Cloudflare Pages 项目设置中,添加 Custom Domain
选择「我的 DNS 提供商」→「开始 CNAME 设置」
等待验证通过(约 2 分钟),自动签发 SSL 证书
主机记录 记录类型 记录值
shili CNAME shili-mowan-work.pages.dev
注意选「我的 DNS 提供商」,不需要把整个域名迁移到 Cloudflare 管理——只是让这个子域名指过去就行。验证通过后,SSL 证书由 Cloudflare 自动签发,不用自己操心。

选哪种方式?

宝塔面板 Cloudflare / Vercel
需要服务器 不需要
适合项目类型 前后端都行 纯静态 / 前端框架
自定义域名 自己的域名 免费二级域名 + 可绑自己的
维护难度 中等(需维护服务器) 低(平台托管)
推荐场景 长期项目、带后端 快速上线、个人站点

这是一个部署演示页面

shili.mowan.work

如果你看到了这个页面,说明网站已经成功部署上线了。