Static Scaffold · 零依赖

先把骨架搭稳,
再往里面放内容。

这是一个多页面静态站脚手架:统一的页头页脚与版心宽度、响应式导航、可记忆的明暗主题, 以及一套可以直接复用的版块样式。所有内容都留了 TODO 标记,替换即可使用。

Built in

脚手架里有什么

01 / 结构

多页面骨架

首页、项目、关于、联系、404 各自独立,共用同一套页头页脚与容器宽度。新增页面只需复制最接近的一份。

02 / 样式

设计令牌

颜色、圆角、阴影、字体集中在 :root 变量里,改一处全站生效,并附带一套深色配色。

03 / 脚本

原生交互

移动端菜单、主题切换与记忆、当前页自动高亮,全部用原生 JavaScript 实现,不引入任何依赖。

Next

接下来做什么

  • 把站名、导航项和页脚信息替换掉(每个页面各改一次)。
  • 在 works.html 与 about.html 里填真实内容,并删掉 TODO 注释。
  • 替换首页 hero 的标题与文案,不需要的版块整段删除。
  • 把 assets/img/ 里的占位内容换掉,图片记得写 alt。
  • 部署到任意静态托管,具体步骤见 README。