二级文件夹中的index.html可被正常访问，因nginx/apache默认将其设为目录索引页；但本地双击无效，须用本地服务器预览，且需确保路径引用、服务配置与资源链接三者一致。
可以，index.html 文件完全允许放在二级文件夹里，而且这是静态网站最常规的组织方式之一。
为什么二级文件夹里的 index.html 能被正常访问
服务器（如 Nginx、Apache）默认会把 index.html 当作目录索引页。只要请求路径指向该文件夹（比如 /blog/），且该文件夹下存在 index.html，服务器就会自动返回它，无需显式写成 /blog/index.html。
- 前提是服务器配置了
index index.html index.htm;（Nginx）或DirectoryIndex index.html（Apache） - 本地双击打开
file://协议时无效——浏览器不会执行目录索引逻辑，必须用本地服务器（如npx serve或python3 -m http.server）预览 - 路径写法要一致：如果页面在
/blog/index.html，链接到同级其他文章应写post-1.html，回首页写/index.html（根相对路径）
index.html 在二级文件夹时常见的 404 场景
不是文件放错位置，而是路径引用或服务配置没对齐：
- CSS/JS 资源路径写成
css/style.css（相对路径），但页面在/blog/index.html时，浏览器会尝试请求/blog/css/style.css，而实际文件可能在/css/style.css - 用了
<base href="/>%20%E5%8D%B4%E5%BF%98%E4%BA%86%E5%AE%83%E4%BC%9A%E5%BD%B1%E5%93%8D%E6%89%80%E6%9C%89%E7%9B%B8%E5%AF%B9%E9%93%BE%E6%8E%A5%EF%BC%8C%E5%8C%85%E6%8B%AC%E5%9B%BE%E7%89%87%E3%80%81%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4%E5%9C%B0%E5%9D%80%E7%AD%89%EF%BC%8C%E8%B0%83%E8%AF%95%E6%97%B6%E5%AE%B9%E6%98%93%E8%AF%AF%E4%BC%A4 %0A - Nginx%20%E9%85%8D%E7%BD%AE%E4%B8%AD%20
root%20%E6%8C%87%E5%90%91%E4%BA%86%E9%94%99%E8%AF%AF%E7%9B%AE%E5%BD%95%EF%BC%8C%E4%BE%8B%E5%A6%82%E8%AE%BE%E4%B8%BA%20/var/www/html%EF%BC%8C%E4%BD%86%E5%AE%9E%E9%99%85%20/blog/index.html%20%E6%96%87%E4%BB%B6%E5%9C%A8%20/var/www/html/blog/index.html%EF%BC%8C%E8%BF%99%E6%9C%AC%E8%BA%AB%E6%B2%A1%E9%97%AE%E9%A2%98%EF%BC%9B%E4%BD%86%E5%A6%82%E6%9E%9C%E8%AF%AF%E9%85%8D%E6%88%90%20alias%20/var/www/html/blog/%20%E5%8D%B4%E6%B2%A1%E5%A4%84%E7%90%86%E7%BB%93%E5%B0%BE%E6%96%9C%E6%9D%A0%EF%BC%8C%E5%B0%B1%E5%8F%AF%E8%83%BD%20404 %0A - Hexo%E3%80%81Next%20%E7%AD%89%E9%9D%99%E6%80%81%E7%94%9F%E6%88%90%E5%99%A8%E4%B8%AD%EF%BC%8C%E4%BA%8C%E7%BA%A7%E6%96%87%E4%BB%B6%E5%A4%B9%E5%AF%B9%E5%BA%94%E7%9A%84%E6%98%AF%20
source/blog/%20%E7%9B%AE%E5%BD%95%EF%BC%8C%E4%BD%86%E4%B8%BB%E9%A2%98%E6%A8%A1%E6%9D%BF%E6%9C%AA%E5%90%AF%E7%94%A8%E8%AF%A5%E8%B7%AF%E5%BE%84%E7%9A%84%20layout%20%E6%94%AF%E6%8C%81%EF%BC%8C%E5%AF%BC%E8%87%B4%E6%B8%B2%E6%9F%93%E4%B8%BA%E7%A9%BA%E7%99%BD%E8%80%8C%E9%9D%9E%20404 %0A
%E5%A6%82%E4%BD%95%E9%AA%8C%E8%AF%81%E4%BA%8C%E7%BA%A7%E6%96%87%E4%BB%B6%E5%A4%B9%E4%B8%AD%E7%9A%84%20index.html%20%E6%98%AF%E5%90%A6%E7%94%9F%E6%95%88
%0A%E5%88%AB%E5%8F%AA%E7%9C%8B%E6%96%87%E4%BB%B6%E6%98%AF%E5%90%A6%E5%AD%98%E5%9C%A8%EF%BC%8C%E9%87%8D%E7%82%B9%E9%AA%8C%E8%AF%81%E6%9C%8D%E5%8A%A1%E7%AB%AF%E5%93%8D%E5%BA%94%E8%A1%8C%E4%B8%BA%EF%BC%9A
%0A- %0A
- %E5%90%AF%E5%8A%A8%E6%9C%AC%E5%9C%B0%E6%9C%8D%E5%8A%A1%E5%90%8E%EF%BC%8C%E7%9B%B4%E6%8E%A5%E8%AE%BF%E9%97%AE%20
http://localhost:3000/blog/%EF%BC%88%E6%9C%AB%E5%B0%BE%E5%B8%A6%E6%96%9C%E6%9D%A0%EF%BC%89%EF%BC%8C%E8%A7%82%E5%AF%9F%E6%98%AF%E5%90%A6%E8%BF%94%E5%9B%9E%E5%86%85%E5%AE%B9%EF%BC%9B%E5%86%8D%E8%AF%95%20http://localhost:3000/blog%EF%BC%88%E4%B8%8D%E5%B8%A6%E6%96%9C%E6%9D%A0%EF%BC%89%EF%BC%8C%E7%9C%8B%E6%98%AF%E5%90%A6%20301%20%E9%87%8D%E5%AE%9A%E5%90%91%E6%88%96%E4%B9%9F%E8%BF%94%E5%9B%9E%E5%86%85%E5%AE%B9 %0A - %E6%89%93%E5%BC%80%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7%E7%9A%84%20Network%20%E9%9D%A2%E6%9D%BF%EF%BC%8C%E5%88%B7%E6%96%B0%E9%A1%B5%E9%9D%A2%EF%BC%8C%E7%A1%AE%E8%AE%A4%E4%B8%BB%E6%96%87%E6%A1%A3%E8%AF%B7%E6%B1%82%E7%9A%84%E7%8A%B6%E6%80%81%E7%A0%81%E6%98%AF%20200%EF%BC%8C%E4%B8%94%20Response%20Headers%20%E4%B8%AD%E6%9C%89%20
Content-Type:%20text/html%0A - %E6%A3%80%E6%9F%A5%20HTML%20%E6%BA%90%E7%A0%81%E9%87%8C%E6%89%80%E6%9C%89%E8%B5%84%E6%BA%90%E9%93%BE%E6%8E%A5%EF%BC%9A%E5%8F%B3%E9%94%AE%E3%80%8C%E6%9F%A5%E7%9C%8B%E9%A1%B5%E9%9D%A2%E6%BA%90%E4%BB%A3%E7%A0%81%E3%80%8D%EF%BC%8C%E9%80%90%E4%B8%AA%E7%82%B9%E5%BC%80%20
href%20%E5%92%8C%20src%20%E7%9A%84%E5%9C%B0%E5%9D%80%EF%BC%8C%E7%9C%8B%E6%98%AF%E5%90%A6%E9%83%BD%E8%83%BD%E5%8A%A0%E8%BD%BD%E6%88%90%E5%8A%9F %0A - %E5%A6%82%E6%9E%9C%E6%98%AF%E9%83%A8%E7%BD%B2%E5%88%B0%20Nginx%EF%BC%8C%E7%A1%AE%E8%AE%A4%E9%85%8D%E7%BD%AE%E9%87%8C%E6%B2%A1%E6%9C%89%20
location%20/blog%20%7B%20deny%20all;%20%7D%20%E8%BF%99%E7%B1%BB%E6%8B%A6%E6%88%AA%E8%A7%84%E5%88%99 %0A
%E7%9C%9F%E6%AD%A3%E5%AE%B9%E6%98%93%E8%A2%AB%E5%BF%BD%E7%95%A5%E7%9A%84%EF%BC%8C%E6%98%AF%E8%B7%AF%E5%BE%84%E8%A7%A3%E6%9E%90%E5%8F%91%E7%94%9F%E5%9C%A8%E5%A4%9A%E4%B8%AA%E7%8E%AF%E8%8A%82%EF%BC%9A%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E7%94%9F%E6%88%90%E8%B7%AF%E5%BE%84%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E6%A0%B9%E6%8D%AE%E5%BD%93%E5%89%8D%20URL%20%E8%A7%A3%E6%9E%90%E7%9B%B8%E5%AF%B9%E5%9C%B0%E5%9D%80%E3%80%81%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%A0%B9%E6%8D%AE%20root/alias%20%E6%98%A0%E5%B0%84%E7%89%A9%E7%90%86%E6%96%87%E4%BB%B6%E2%80%94%E2%80%94%E4%BB%BB%E4%BD%95%E4%B8%80%E4%B8%AA%E7%8E%AF%E8%8A%82%E7%9A%84%E5%81%87%E8%AE%BE%E4%B8%8D%E4%B8%80%E8%87%B4%EF%BC%8C%E9%83%BD%E4%BC%9A%E8%AE%A9%20index.html%20%E7%9C%8B%E4%BC%BC%E6%94%BE%E5%AF%B9%E4%BA%86%EF%BC%8C%E5%8D%B4%E6%97%A0%E6%B3%95%E6%8C%89%E9%A2%84%E6%9C%9F%E5%B7%A5%E4%BD%9C%E3%80%82
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
