纯HTML网站部署Netlify只需确保index.html位于根目录或public/子目录;拖拽上传适合临时演示,Git连接支持自动部署与回滚;404主因是相对路径错误、缺失index.html或域名未验证;简单站点无需netlify.toml。
纯 HTML 网站部署 Netlify,根本不用写代码、配构建、装依赖——只要确保在对的位置,点几下就能上线。
文件放哪?根目录 or
?
Netlify 默认只找两处:
必须在项目根目录,或者放在
子目录下。它不递归扫描
、
或
这类路径。
✅ 正确结构(任选其一):
•
+
+
全在项目最外层
• 或者全部放进
及其同级资源
❌ 常见错误:
• 把
放在
却没配
目录 → 部署成功但 404
• 用拖拽上传时误选了整个项目文件夹(含
、
),而 Netlify 实际只读取顶层静态文件
Git 连接 vs 拖拽上传:哪个更稳?
拖拽上传适合临时演示;Git 连接才是长期可用的正解——它能自动更新、回滚、查日志。
用 Git 连接时注意:
• 新 GitHub 仓库默认分支是
,旧项目可能是
;Netlify 默认拉
,分支名不对会导致部署空页面
• 检查
是否误写了
或
—— Git 没提交的文件,Netlify 根本看不到
拖拽上传的限制:
• 不记录版本,没法回滚到上一版
• 每次改完都得重新拖一次,无法触发自动化流程
部署后 404?先盯死这三处
90% 的 404 和 Netlify 无关,而是本地路径或配置没对齐。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
立即学习
“
前端免费学习笔记(深入)
”;
→ 必须保证文件系统里真有
。Netlify 不做路由重写,不是 SPA 就别指望它自动 fallback
没有
→ 它不会尝试
、
或
,名字必须一字不差
自定义域名显示 404 或跳转失败 → 检查 DNS 的 CNAME 记录是否生效,再回 Netlify 控制台点「Verify domain」。状态卡在 pending 就算绑了也白搭
要不要写
?
纯 HTML 站点 90% 不需要。只有遇到以下情况才加:
你用了前端路由(比如
),访问
报 404 → 加重定向规则:
想强制 HTTPS(推荐)→ 加 headers:
图片/CSS/JS 缓存太短 → 在
里给
或
加
真正容易被忽略的是相对路径的稳定性——本地双击打开
能跑,不等于部署后还能跑。所有
、
都得按服务器视角(即以
为基准)来写,而不是按你本地文件浏览器的层级感来猜。
index.htmlpublic/index.htmlpublic/src/dist/html/pages/index.htmlstyle.cssscript.jspublic/index.htmlindex.htmlsrc/index.htmlpublish.gitnode_modulesmainmastermain.gitignore*.html/publichref="pages/about.html"pages/about.htmlindex.htmlhome.htmldefault.htmlindex.htmnetlify.tomlhistory.pushState/about[[redirects]]
from = "/*"
to = "/index.html"
status = 200[[headers]]
for = "/*"
[headers.values]
Strict-Transport-Security = "max-age=31536000; includeSubDomains; preload"[[headers]]/*.js/*.cssCache-Controlindex.htmlhrefsrcindex.html