无构建配置的静态网站如何部署到Netlify？

场景说明 #

你提到的这类本地可直接通过文件夹路径访问的站点，属于无构建依赖的纯静态站点，所有HTML、CSS、JS、媒体资源均为预编写完成的可直接被浏览器解析的内容，不需要npm构建相关配置，部署流程比需要编译的项目更简单。

具体部署方案 #

方案一：手动拖拽部署（适合低频率更新的站点） #

• 登录Netlify账号进入控制台首页
• 找到页面中标注可拖拽上传的区域，直接将本地包含index.html入口的站点根文件夹拖拽到该区域
• 等待文件上传完成后，Netlify会自动生成可访问的临时域名，部署即完成

注意：不要上传站点根文件夹的外层父目录，确保你拖拽的文件夹打开后就能直接看到index.html文件。

方案二：关联Git仓库自动部署（适合需要频繁迭代更新的站点） #

• 先将你的站点代码推送到GitHub、GitLab或Bitbucket的代码仓库中
• 在Netlify控制台选择「Add new site > Import an existing project」，绑定你存放站点代码的对应仓库
• 进入构建配置步骤时，所有构建相关配置按以下规则填写即可：
  • Build command 栏留空，不填写任何内容
  • Publish directory 栏填写站点根目录在仓库中的相对路径：如果代码仓库根目录就是站点入口（直接存放index.html），填写./即可；如果站点文件存放在仓库的子目录中（比如名为site的文件夹），填写对应子目录名即可，例如site
• 确认配置后点击部署，后续你推送新代码到绑定的分支时，Netlify会自动拉取新代码完成部署更新

常见问题排查 #

• 部署后访问返回404：优先检查你配置的发布目录下是否存在index.html入口文件，确认发布目录的路径配置是否正确
• 样式、图片等静态资源加载失败：检查代码中的资源引用路径是否为相对路径，不要使用本地磁盘的绝对路径（例如C:\Users\xxx\1.png这类路径）

内容的提问来源于stack exchange，提问作者AmmanM