纯静态 · 离线可看 零基础友好 进阶可查

把网站从想法
一步步搬上互联网

这是一份手把手的完整教程:写出第一个网页 → 部署上线 → 申请自己的域名 → 完成国内 ICP 备案。每一步都有具体操作、命令和常见坑,照着做就能拥有一个真正能被别人访问的网站。

从第一步开始 先看整体路线图
🔒 https://www.你的名字.com
HTMLCSS部署域名备案

先搞懂一件事

"静态网站"到底是什么,为什么要从它开始?

静态网站就是一组预先写好的 HTML / CSS / 图片文件,浏览器要什么,服务器就原样给什么,不需要后台程序现算。个人主页、作品集、活动页、文档站、博客(用工具生成后)都属于这一类。

它的好处对新手极其友好:不用买昂贵的数据库服务器、不用担心被黑的后台、绝大多数平台还能免费托管。你要做的只有三件事——把文件写好、把它放到能被访问的地方、再给它配一个好记的域名。这正是本教程的四条主线。

学习路线图

四个阶段,从零到别人能打开你的网站

按顺序学即可。已经会前面的,直接跳到对应章节。

1

建站基础

装编辑器、写第一个网页、HTML/CSS/JS 分工、本地预览

2

部署上线

用 GitHub Pages / Vercel 或国内云,把文件变成网址

3

域名申请

买域名、实名认证、把域名解析指向你的网站

4

ICP 备案

国内服务器/域名合规必做:材料、填报、核验全流程

开始学习

四大章节 · 点进去就是详细步骤

CHAPTER 01

建站基础

没有编程基础也能跟上。选好工具,写出能看的第一个页面,理解三剑客的分工。

立即开始
CHAPTER 02

部署上线

海外免费(GitHub Pages / Vercel / Netlify)+ 国内云(OSS / COS / 轻量服务器)对比与实操。

立即开始
CHAPTER 03

域名申请

什么是域名、在哪买、怎么实名,以及如何用 DNS 解析把域名接到网站上。

立即开始
CHAPTER 04

ICP 备案

国内建站绕不开的一环:准备材料、在线填报、核验确认,以及常见被驳回的原因。

立即开始
配套示例

看看成品长这样:一个可实时预览的示例小站

一个文件、零依赖、离线可打开的个人主页/作品集,并逐段拆解它的 HTML、CSS 主题与 JS 交互。学完就能照着改造成你自己的网站。

打开示例

你在哪一档?

两条学习路径,对号入座

推荐新手

🌱 我是纯小白

没写过代码,只想做出并上线一个自己的小网站。

  • 从 01 建站基础 第一节开始,一步一步敲。
  • 部署先选最简单的 GitHub Pages 或 Vercel,几分钟就能有网址。
  • 域名和备案可以先放一放——免费平台自带的网址已经够用了,等要"正式一点"再回来补。

🚀 我有点基础

会一点 HTML/CSS,重点是"怎么把它稳定地放到线上并合规"。

  • 快速跳过 01 的基础部分,重点看框架/构建与本地预览。
  • 直接读 02 部署 的平台对比表,选国内还是海外。
  • 认真看 03 域名 和 04 备案——国内上线这两步是硬门槛。

大概要多久

给自己一个合理预期

1–3 天
写出第一个像样的静态页面
10 分钟
用免费平台完成一次部署
1 小时
买域名 + 解析生效
7–20 天
国内 ICP 备案审核周期

关键结论:技术上最快一两个小时就能让世界访问你的网站。但如果服务器在中国大陆,ICP 备案是法定前置步骤,通常需要一到三周的审核——这是唯一一个"要等"的环节,建议提前准备。

名词解释

开读前先认识这几个词

🗂 静态网站

只由 HTML/CSS/JS/图片等文件组成、内容固定、不需要后台计算的网站。本教程全程围绕它。

☁️ 托管 / 部署

把你的文件放到一台"24 小时开机、有公网 IP、别人能访问"的服务器上,并给它一个网址。

🔤 域名

像 baidu.com 这样好记的网址,背后其实是把人类可读的名字翻译成服务器 IP 的"通讯录"。

🧭 DNS 解析

在域名服务商处设置一条"记录",告诉互联网:访问这个域名时,应该去哪个 IP / 地址找网站。

🔒 HTTPS / 证书

给网址加上小绿锁(加密传输)。现在几乎是标配,免费证书就能搞定。

📋 ICP 备案

在中国大陆提供网站服务需向通信管理局做的登记。拿到备案号后,网站才能在国内合规访问。

更多术语和常见疑问,整理在了 清单 & FAQ 页 →

准备好了吗?从写第一个网页开始

全程不需要花钱就能走完技术部分。我们开始。

进入第 01 章 · 建站基础