搭个人技术博客，第一件事不是选框架，而是想清楚：你要的到底是"写得爽"还是"活得稳"。这两者常常冲突，本博客就选择了后者——一个能长期稳定访问、零运维负担的静态站点。

为什么选静态站点

静态站点在构建期就把内容生成为纯 HTML/CSS/JS，运行时不需要数据库、不需要服务端渲染、不需要应用进程。带来的直接好处：

  • 几乎不会挂：没有后端进程，就没有"进程崩溃导致 500"这一说。
  • 极快：直接由 Web 服务器或 CDN 吐文件，首字节时间（TTFB）通常个位数毫秒。
  • 安全面极小：没有动态执行，SQL 注入、RCE 这类攻击基本无从下手。
  • 部署简单：把目录丢到服务器 web 根目录即可，适合自己发布、自己维护。

三种方案取舍

落到具体实现，常见有三条路：

  • 纯手写 HTML/CSS：零构建、零依赖，最稳，但加文章要复制结构。
  • 静态生成器（Astro / Hugo / VitePress）：用 Markdown 写文体验好，但需要 Node/构建环境，部署多一步。
  • 动态博客（WordPress 等）：功能全，但依赖数据库与 PHP，攻击面大、运维重。

对于"能打开、有内容、稳过审"这个核心目标，纯静态方案性价比最高。本博客即采用纯静态方式，所有页面共享一份 CSS 与一个备案号页脚组件。

最小部署路径

假设服务器已装 Nginx，目录结构如下：

xirangzhe-site/
├── index.html       首页
├── posts/           文章页
└── assets/          样式与脚本

把整目录上传到服务器 web 根（如 /usr/share/nginx/html），配置好 Nginx 指向该目录，确保根路径 / 返回 200 即可对外访问。后续加文章，只需新建一个 posts/xxx.html 并在首页列表里加一条链接。

小结论：个人技术博客不必追求工程复杂度。能稳定打开、内容真实可读，比"用了一个很新的框架"重要得多。

下一篇我们给一份能直接用的 Nginx 最小配置。