静态博客的极简之道

这个博客没有用 Hexo、Hugo,也没有用任何前端框架,就是若干个 HTML 文件加一份 CSS。选静态、选极简,主要有三个理由:

  • :没有运行时开销,首屏就是全部;
  • :没有依赖就没有「升级翻车」,五年后还能打开;
  • :任何一台服务器、任何一个对象存储都能托管。

部署有多简单

以 Nginx 为例,把整个目录扔上去,配十几行就够了:

server {
    listen       80;
    server_name  example.com;

    root  /var/www/blog;
    index index.html;

    error_page 404 /404.html;
}

日常写作的流程

写新文章就是复制一篇旧文章,改掉标题、日期和正文,再回 index.html 的列表里加一条。听起来很「原始」,但一年也就几十篇,手工完全可控。

一页排版示范

正文里的元素大致就是下面这些。行内代码像这样:font-size: 16px;强调用加粗;链接长这样,比如 MDN Web 文档

极简不是「什么都不要」,而是每一样留下来的东西都有存在的理由。

表格偶尔也会用到,比如列一下各托管方式的成本:

方式 月成本 适合场景
自有服务器 + Nginx 已有则近乎为零 要备案、要完全可控
对象存储 / 静态托管 几元以内 流量小、懒得运维
CDN 回源 视流量而定 读者分布广、追求速度

总结一下:工具越少,坚持越久。把力气花在写字上,而不是折腾博客本身。