本地网页需托管到公网服务器才能被访问;GitHub Pages适合静态页,仓库名须为用户名.github.io;Vercel支持前端框架构建部署;自购服务器可运行后端但需配置Nginx、防火墙及HTTPS证书。

本地网页不能直接被互联网访问,必须通过服务器托管——你手里的 index.html 文件,得先放到一台持续在线、有公网 IP 的机器上,再配好域名解析,别人才能输网址打开它。
用 GitHub Pages 免费发布静态页(适合个人主页、文档、作品集)
GitHub Pages 是最轻量、零配置的入门方案,只支持纯 HTML/CSS/JS 静态文件,不跑后端代码。
- 仓库名必须是
用户名.github.io(例如alice.github.io),且设为 Public - 把网页文件(
index.html、style.css等)直接提交到主分支(main或master)根目录 - 几分钟后访问
https://用户名.github.io即可看到页面——注意必须带https://,浏览器可能拦截不安全请求 - 如果首页不是
index.html,或想用子路径(如/blog/),需进仓库 Settings → Pages 里手动选分支和文件夹
用 Vercel 部署带构建步骤的项目(React/Vue/Nuxt 等)
如果你的网页用了现代前端框架,需要 npm run build 打包生成 dist/ 目录,Vercel 比 GitHub Pages 更省心。
- 注册 Vercel 账号,用 GitHub 登录并授权访问你的仓库
- 导入项目后,它会自动检测框架类型;若识别错误,手动设置 Build Command(如
npm run build)和 Output Directory(如dist) - 部署成功后给一个随机域名(如
my-app-12345.vercel.app),也可绑定自己的域名(需在 DNS 添加CNAME记录) - 免费版支持 HTTPS 自动配置、全局 CDN 加速,但日志和自定义服务器环境不可用
自己买服务器上传(可控性强,但需基础 Linux 操作)
买一台云服务器(如腾讯云轻量应用服务器、AWS EC2 t2.micro 免费层),适合需要 PHP、Node.js 后端或数据库的场景。
- 用
scp或rsync命令把本地文件推到服务器指定目录,例如:scp -r ./my-site/ user@123.45.67.89:/var/www/html/ - 确保 Web 服务(如 Nginx/Apache)已安装并运行,且配置指向该目录(检查
/etc/nginx/sites-enabled/default中的root路径) - 开放服务器安全组的 80(HTTP)和 443(HTTPS)端口,否则外网打不开
- HTTPS 不是可选项:浏览器对无证书的 HTTP 站点会标“不安全”,建议用
certbot免费申请 Let’s Encrypt 证书
真正卡住人的往往不是上传动作本身,而是权限配置、路径拼错、防火墙没开、DNS 解析延迟——尤其换域名后,全球生效可能要几小时,别刚改完就刷新几十次。










