很多人一提到做网站，第一反应就是「要不要上框架」。其实对于一个个人小站来说， 纯 HTML + CSS 往往就够了 —— 加载快、无依赖、随便丢到哪台服务器都能跑。

先想清楚结构

一个典型的个人站通常只需要几个页面：首页、关于、博客列表、文章详情、联系。 先把这几个页面列出来，再决定它们的导航关系，剩下的就是往模板里填内容。

先决定「有哪些页面」，再决定「每个页面长什么样」。

共享一份样式表

把所有页面共用的颜色、间距、排版抽到一个 style.css 里， 用 CSS 变量管理主题色，之后想换配色只需要改几个值。 

:root{
  --acc: #4f8cff;
  --fg:  #e8ecf5;
  --bg:  #0b1020;
}

.card{
  border-radius: 16px;
  background: rgba(255,255,255,.04);
}

响应式其实很简单

  • 用 min() / clamp() 控制容器和字号，省掉大量断点。
  • 栅格用 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))，自动换行。
  • 只在真正需要的地方写 @media，比如移动端的导航折叠。

部署

静态站点的部署可以说毫无门槛：把文件丢到服务器的目录， 用一个反向代理指过去即可。想要 HTTPS，交给 Let's Encrypt 自动签发和续期。

小结

没有构建工具、没有依赖、没有运行时。一个纯静态的小站， 也许正是你想要的那种「刚刚好」。