建站折腾1 min35 次浏览

这个博客是怎么搭起来的:Next.js + PostgreSQL + 一台小服务器

2 核 2G 的华为云,Ubuntu 24.04,没有 Docker。从设计稿到上线踩过的坑:Windows 构建、字体子集、玻璃拟态的性能账。

目录(展开)

这个站是我自学 Web 开发的作品集,也是记录工作与折腾的地方。技术栈一句话:Next.js 15 + PostgreSQL + systemd 裸奔。

为什么不用现成平台

因为想搞懂每一层。从数据库迁移、JWT 会话、CSRF 防护,到 nginx 的缓存策略——每个环节自己踩一遍,才算真的会。

踩过的三个坑

  1. Windows 构建 → Linux 运行:standalone 产物要显式处理 public/ 目录,否则字体图标全 404
  2. 中文字体太大:站酷黄油体按 unicode-range 切成 92 个子集,首屏只加载用到的几块
  3. 2G 内存跑构建:服务器上只跑运行时,构建全在本地完成,产物 tar 上传原子切换

玻璃拟态的性能账

backdrop-filter: blur(16px) 很贵,全站十几块面板同时模糊,低端手机会掉帧。解法是控制模糊层数、面板透明度分级、背景网格用 fixed 不随滚动重绘。

接下来想做的事:接入评论、做订阅、把运营数据可视化成公开页面。

已运行 —北京时间 --:--:--

© 2026 风起|永远相信美好的事情即将发生!