静态网站是什么

浏览器直接读取 HTML、CSS、JavaScript 和图片文件，不需要服务器在每次访问时查询数据库并拼装页面。它很适合内容相对稳定的个人主页、文档和博客。

相对路径

根目录页面引用样式时使用 css/base.css，子目录页面则需要回到上一层，例如 ../css/base.css。直接双击预览时，相对路径尤其重要。

渐进增强

主题切换、筛选和灯箱依赖 JavaScript，但文章正文和主要链接应直接写在 HTML 中。脚本失效时，网站仍然应该是可阅读的。

可访问性

语义结构、键盘焦点、图片替代文字、足够大的点击区域和减少动画偏好，不是最后才补的装饰，而是页面结构的一部分。

还要继续理解

下一步是把真实内容替换进来，确认文件数量增长后仍然容易维护，再考虑自动生成页面或迁移到静态生成器。