GitHub Pages是最直接的选择,因其免费、稳定、支持自定义域名且与GitHub账号天然集成;只需将public仓库main分支根目录下放好index.html,即可通过https://用户名.github.io访问。

不需要买服务器,HTML 简历只要能托管到可公网访问的静态文件服务上,就能上线。 你本地写好的 index.html 文件本身不依赖后端或数据库,只要有人能从互联网下载它,就能打开简历页面。关键不是“有没有服务器”,而是“谁来替你提供这个可访问的文件服务”。
为什么 GitHub Pages 是最直接的选择
GitHub Pages 免费、稳定、支持自定义域名,且和代码版本管理天然绑定。它不要求你注册额外账号(已有 GitHub 就行),也不限制访问量或带宽,适合长期展示个人简历。
- 必须将仓库设为
public,否则无法启用 Pages - 默认只托管
main或gh-pages分支下的内容;推荐用main分支 +/root路径,这样上传index.html到仓库根目录即可 - 启用后地址形如
https://<用户名>.github.io,如果仓库名是resume,则完整地址是https://<用户名>.github.io/resume/ - 首次启用可能需要几分钟生效,刷新 404 页面前先等一等
用 Vercel 或 Netlify 部署更省心但有隐藏条件
这两个平台对静态网站非常友好,支持拖拽上传、Git 自动同步、一键预览,比 GitHub Pages 更快看到效果。但要注意它们的免费策略细节:
- Vercel 免费版默认关闭
password protection和custom headers,不过简历页面通常用不到 - Netlify 免费版允许自定义域名,但会强制在 URL 中插入
.netlify.app后缀(除非你绑自己的域名) - 两者都要求项目里存在明确的
index.html,不识别home.html或default.html - 上传 ZIP 包时,确保
index.html在压缩包顶层,而不是套在子文件夹里
本地双击 index.html 能打开,但别人打不开
这是新手最常卡住的地方:你在电脑上双击 index.html 能看到页面,就以为“网站做好了”。其实这只是浏览器读取本地文件系统,不经过网络协议,也无法被他人访问。
立即学习“前端免费学习笔记(深入)”;
- 所有资源路径(比如图片
<img src="avatar.jpg">)必须相对当前 HTML 文件位置,不能写成C:\my-site\avatar.jpg - 避免使用
file://协议测试跨域行为(例如加载本地 JSON),这种请求在真实托管环境会被浏览器拦截 - Chrome 有时会因安全策略拒绝加载本地 CSS/JS,换用 Edge 或用
Live Server插件启动本地 HTTP 服务更接近真实环境
真正要上线的 HTML 简历,核心动作只有三步:写好 index.html → 选一个静态托管平台 → 把文件放上去。服务器不是你要买的硬件,而是你选择的那个平台已经为你跑好的服务。最容易被忽略的是路径引用和分支设置——写对了 index.html,却因为放在 docs/ 子目录或推到了 dev 分支而 404,这种情况比代码写错还常见。



















