上回的文章中,我们提到过使用github page的方式,来上传并配置自己的简单网站项目,Netlify同样也是一个免费的网站托管平台,这次让我们来看看怎么使用Netlify来部署你的静态网站
Netlify 部署纯 HTML/CSS/JS 静态网站非常简单,永久免费、自带 CDN、自动 HTTPS,我给你完整分2 种方法(小白拖拽、Git 自动部署)从零到上线一步到位。
准备工作
一、注册 Netlify 账号
右上角 Sign Up,推荐用 GitHub 账号一键注册(后续 Git 部署无需额外授权),也可用邮箱注册。
登录后进入后台项目面板。
我们需要准备一个,必须包含index.html首页文件的项目文件夹

方法 1:拖拽直传
进入 Netlify 后台主页,点击添加项目

页面中间直接有 Drag and drop your site folder here 拖拽区域
把你本地整个网站文件夹(不是压缩包)直接拖入网页

等待几秒自动部署完成,直接生成专属域名 xxx.netlify.app,点开即可访问。

方法 2:GitHub 仓库自动部署
代码存 GitHub,本地修改推送代码,Netlify 自动重新部署,最适合日常维护网站。
步骤 1:把代码上传到 GitHub
新建 GitHub 私有 / 公开仓库
把你的 index.html 等所有网站文件上传到仓库根目录
步骤 2:Netlify 关联仓库自动部署
Netlify 后台 → 点击 Add new site → Import an existing project(从 Git 导入)

选择代码平台:GitHub,授权 Netlify 访问你的 GitHub 账号
在列表里选中你刚上传网站的仓库
部署配置(纯 HTML 静态站无需修改,直接默认)
- 部署分支:
main(默认) - Build command(构建命令):留空(纯静态无需构建)
- Publish directory(发布目录):
.(代表仓库根目录,index.html所在位置)
点击 Deploy site
等待 10 秒左右部署完成,获得 .netlify.app 免费域名,网站永久在线。
自定义域名方法
后台网站 → Domain management → Buy a domain/Add custom domain,添加及绑定你自己购买的域名,同时自动免费申请 SSL 证书(HTTPS)。





