Be
全栈开发 / 运维2026Next.js个人站全栈
Benjamin Li 个人网站
你正在访问的网站本身 —— 一个用 Next.js + TypeScript 构建的个人站点，用来集中展示我的项目、工作计划，以及做着玩的小 Demo。
设计理念
这个站点从「内容优先」出发：所有数据（项目、计划、Demo）都存放在后端数据库，前台页面在每次请求时实时读取，因此后台的任何增删改查都会立刻反映到前台，无需重新部署。 视觉上采用深色蓝调（slate-950 底色 + blue 强调色），营造安静、专注的阅读氛围；布局以分屏英雄区 + 卡片网格为主，移动端自动单列，保证在各尺寸下都清晰可读。 工程上追求「一个人也能维护」：用 SQLite 做轻量存储、nginx 反代 + systemd 开机自启、Let's Encrypt 免费证书实现全站 HTTPS，整套链路可一键重建、可自动续期。
技术栈
Next.js 16React 19TypeScriptTailwind CSSSQLitebetter-sqlite3nginxsystemdLet's Encrypt (HTTPS)
功能特性
- ✓项目 / 计划 / Demo 后台 CRUD 管理
- ✓前台每次请求实时读取数据库
- ✓管理员登录与会话鉴权
- ✓HTTPS 全站加密 + 自动续期
- ✓响应式深色主题
- ✓nginx 反代 + 开机自启部署