给小白的网站上线指南

域名、服务器、备案、部署——这些词听起来吓人,本质上是四件生活里你天天在做的事。这份教程不讲协议,先讲人话,再用今天的真实踩坑案例串起来。

零基础15 分钟读完全部案例来自真实踩坑2026 年 9 月
CHAPTER 01

一张图看懂:建网站就是开一家店

先建立一个心智模型。你在网上看到的所有网站,本质上都是「一家店」。开一家店要做的事,和上线一个网站要做的事,一一对应。

域名 = 店铺门牌号 别人找到你靠它。好记、简短、和品牌相关。买的是"租用权",按年付费,忘了续费店就没了。 对应:hongrui-ad-platform.pages.dev
服务器 = 房子 放东西的地方。你的网页文件、图片、用户数据都存在里面。可以租一整栋(云服务器),也可以只租一个储物柜(对象存储)。 对应:腾讯云 COS、轻量应用服务器
部署 = 把货搬进店 写好的网页文件(HTML 等)传到服务器上的过程。今天你看到的每一次"部署成功",就是一次上架。 对应:wrangler deploy、cos 上传
DNS 解析 = 挂门牌 告诉全世界的"查号台":这个域名对应的房子在哪。解析记录生效通常几分钟到几小时。 对应:A 记录、CNAME 记录
备案 = 居委会登记 在中国大陆开店,要先去通信管理局登记"这家店是谁开的、卖什么"。全程免费,但要 10–20 天。海外开店不需要。 对应:ICP 备案(只有国内服务器需要)
CDN = 连锁分仓 把你的货提前铺到全国各地的仓库,用户就近取货,速度快十倍。大网站都需要,小页面暂时用不上。 对应:EdgeOne、Cloudflare 都是干这个的

把这六个对应关系记住,后面所有的操作你都能对号入座。接下来看一次访问是怎么发生的。

CHAPTER 02

浏览器地址栏回车后,发生了什么

你今天打开过很多次链接。每次回车,背后都是同样的五步。理解这五步,"链接打不开""变成下载""3 小时过期"这些现象就都能解释了。

查号:域名变成 IP 地址

电脑先问 DNS 查号台:"这个域名的门牌号(IP,形如 1.2.3.4 的数字)是多少?"查不到就直接报错——你见过"无法找到该网页"吗?多数是这一步断了。

敲门:建立连接

电脑按 IP 找到服务器,敲敲门(建立加密连接 HTTPS)。如果对方在你的网络里被"屏蔽",敲门就没人应——这就是"有的国外网站打不开"的原因。

点单:浏览器要文件

浏览器说:"我要首页文件。"服务器从仓库里找出 index.html 递过来。

看小票:服务器附带的说明

文件递过来时会附带一行"这是什么类型的货"的说明(Content-Type)。写 text/html 就是网页,浏览器直接画出来;写 attachment 就会被当成附件存到下载文件夹。——今天你遇到的"打开就变成下载",就是服务器在这行说明里写了"附件"。

装修:浏览器渲染

浏览器把 HTML 文件读进去,按里面的布局说明把页面画出来。你看到的整个页面,本质就是一个文本文件。

1 查号台域名 → IP 2 敲门建立加密连接 3 点单请求首页文件 4 看小票网页 or 附件 5 装修渲染成页面

记住第 4 步。今天你遇到的"只能下载不能预览",问题就出在这一步的服务器配置上,而且它是国内云平台的政策,改配置没用。

CHAPTER 03

备案:中国互联网的"户口制度"

这是新手最容易懵的部分,一次讲透。

核心规则只有一条

网站的服务器放在中国大陆,域名就必须先 ICP 备案;服务器放在海外(含香港),就不需要。备的是"域名 + 主体"的资格,跟网站内容长什么样无关。

备案真正要花什么

项目说明
备案本身完全免费。但多数云厂商要求你持有它的某项资源(如一台轻量服务器,约 40–100 元/年)才会给你发"备案资格码"
时间云厂商初审 1–3 天 + 管局审核约 10–20 天,全程手机上办,要身份证正反面和活体人脸核验
材料个人:身份证 + 手机号 + 居住地址。企业:营业执照 + 法人信息
网站名要起一个中性的名字(如"某某的技术笔记")。写"门户""论坛""商城"这类词会被驳回

备案换来什么

换来一个"户口",之后这个域名可以绑国内服务器或国内 CDN,国内用户打开你的网站又快又稳,而且云平台才允许它在线渲染网页。没有备案的域名,只能绑海外服务,国内访问速度和稳定性就要碰运气。

今天的真实案例:腾讯云对象存储(COS)给每个用户免费送一个默认域名,但因为没备案,腾讯云的政策是:用这个默认域名访问网页文件时,一律强制变成"下载"(响应头里写着 x-cos-force-download)。这不是配置错了,是国内所有云厂商统一的防钓鱼合规策略,阿里云也一样。想在线预览,唯一的路就是绑定一个已备案的自定义域名。
CHAPTER 04

实战复盘:今天一个链接的四条命

今天为了上线同一个原型页面,一共试了四种方案。把它们放在一起看,你就把上一章的概念全部落地了。

方案本质结果对应概念
内网穿透隧道把自己的电脑临时变成服务器,借一条加密隧道通到公网能用,但电脑一关机就失效服务器可以是你自己的电脑;稳定性取决于它
EdgeOne 预览链接国内大厂的静态托管平台,部署即用域名永久,但访问链接自带 3 小时有效的"临时通行证"国内可用区的内容合规策略
腾讯云 COS 对象存储把网页文件放进"云上储物柜"链接永久,但打开变成下载默认域名 + 无备案 = 强制下载
Cloudflare Pages海外大厂的静态托管平台链接永久、直接渲染,但国内访问时好时坏海外服务器不需要备案;代价是跨境网络不稳

看出来了吗?四条命对应同一组取舍:国内速度、在线预览、长期有效、免备案——在国内的网络环境下,这四样最多同时满足三样。要凑齐第四样,就得花钱买域名、花时间做备案。这就是为什么很多团队最后都会老老实实去备案。

顺便记一个通用经验:以后判断"链接为什么打不开 / 为什么变成下载",先做两件事——第一,确认链接有没有过期(看有没有 token、有效期参数);第二,按 F12 打开浏览器开发者工具的 Network 面板,看那个文件的 Content-Type 和 Content-Disposition。今天这个"强制下载"问题,就是靠看到 x-cos-force-download 这个响应头才定位的。
CHAPTER 05

三种上线路径,按需求对号入座

你的需求推荐路径花费周期
临时给几个人看一下原型内网穿透隧道(cloudflared)或平台预览链接0 元10 分钟
海外用户长期访问Cloudflare Pages / Vercel / GitHub Pages0 元30 分钟
国内用户长期访问(正式)买域名(首年 1–14 元)+ 备案(10–20 天)+ 绑定 EdgeOne / COS / 云服务器首年约 50–115 元半天操作 + 20 天等待
要卖货、要登录、要存数据上面的基础上,加"动态后端"(云函数 / 云服务器 + 数据库),或直接用 Shopify 这类成熟平台看业务看业务

新手最大的误区是第 4 行:还没想清楚卖什么,先花几万块定制商城系统。正确顺序永远是:先验证有人要,再花钱做重。

CHAPTER 06

术语小词典(点开看解释)

IP 地址
网络上每台机器的数字门牌,形如 101.42.88.17。服务器之间只认它。和域名的关系:域名是给人记的别名,IP 是机器用的真名。
DNS / 解析记录
把域名翻译成 IP 的全球查号系统。常见的记录类型:A 记录(域名 → IP)、CNAME(域名 → 另一个域名,托管平台常让你配这个)。改了记录后全网生效要几分钟到几小时,叫"解析生效"。
静态网站 vs 动态网站
静态 = 服务器上只有写死的文件,人人看到的一样(本教程就是)。动态 = 有程序和数据库,能登录、下单、存数据。动态站 = 静态站 + 后端程序 + 数据库,成本和风险都翻几倍。
对象存储(COS / OSS)
云上的"储物柜"服务:按文件存取,按用量计费。腾讯云叫 COS,阿里云叫 OSS,Amazon 叫 S3。放图片、文件、网页都行,但注意:国内平台用默认域名放网页会被强制下载。
HTTPS / SSL 证书
给网站上门锁,浏览器地址栏的小锁标志。现在云平台都送免费证书,自动续期,基本不用操心。没有它的网站,浏览器会标"不安全",用户不敢点。
Token / 密钥(SecretId、API Token)
代表"你"的电子钥匙。原则:用最小权限的子账号密钥,用完立即作废。今天你先后给过 COS 密钥和 Cloudflare Token,任务结束后都应该去对应控制台禁用——链接不会因此失效,因为链接验证的是网页本身,不是钥匙。
CDN / 边缘节点
Content Delivery Network,内容分发网络。把你的网页复制到全球/全国几百个节点,用户就近访问。EdgeOne、Cloudflare 本质都是 CDN 公司顺便做了托管。
响应头(Header)
服务器递文件时附带的一张"说明小票",写明文件类型、是否附件、缓存多久。排查"下载而不是预览""图片不显示"这类问题,第一件事就是看响应头。浏览器按 F12 → Network → 点具体请求 → Headers。
CHAPTER 07

避坑清单(每条都真实发生过)

  • 首年便宜续费贵:买域名前先看"续费价"。.top 首年 1–14 元,续费约 30 元;有些后缀首年 9 元续费 200 元。演示站一年一换无所谓,正式品牌别图便宜。
  • 桶名要用 APPID 结尾:腾讯云 COS 建桶时名字必须以账号 APPID 结尾(形如 xxx-1332701499)。填成主账号 ID 会一直报"无权限",极难排查。
  • 子账号密钥分两级:"数据权限"管文件读写,"管理权限"管建桶建配置。只给数据权限,连建桶都会被拒。
  • 验证要发真实 GET 请求:排查"为什么变成下载"这类问题时,用浏览器 F12 的 Network 看完整请求。只发 HEAD 请求会漏掉关键响应头,得出错误结论。
  • 本机挂了代理,测不出真实网络:开了 Clash/TUN 模式的电脑,所有测试流量都走代理。想测"普通用户能不能打开",要么关代理,要么用 itdog.cn 这类在线拨测工具。
  • 密钥泄露过就当作废处理:密钥贴进过聊天记录,就视为已泄露,用完立刻去控制台禁用重建。链接、桶、部署都不受影响。
  • 公有读的桶有盗刷风险:谁都能访问意味着可能被恶意刷流量产生费用。不用的演示桶,去控制台关掉"静态网站"开关或改回私有,一分钟的事。

想继续深入?

  • 视频:B 站搜索「DNS 解析原理 动画」「从输入网址到页面显示」「网站备案流程演示」,挑播放量高、时长 10 分钟内的看两三个,配合本页食用效果最佳。
  • 官方入门:腾讯云「建站入门」文档(cloud.tencent.com/document/product/1282)和阿里云「新手学堂」,都是按零基础写的。
  • 动手实践:最好的学习方式是把本教程再部署一次到自己的 Cloudflare Pages 上——全程免费,做完你就拥有了一个自己的站点。