Back to Projects / 返回项目
Web & Self-hosting2026

Personal Website / 个人网站

Built independently with Next.js, Nginx, HTTPS and a custom domain.

这是我的个人技术空间,用来记录服务器、网站、硬件、Minecraft、健身、骑行和其他长期项目。

Active / 持续更新
Next.jsNginxStatic ExportHTTPSLinuxVPS
01

Overview / 项目概览

liusiyue.uk 使用 Next.js static export 构建,由 Nginx 直接提供静态文件。正式环境不需要长期运行 Node.js process,切换完成后 3000 端口保持关闭。

网站包含 About、Projects、Blog、Resume、Contact 和 Timeline。它既是内容站,也是我学习 Linux、部署与运维流程的长期实验项目。

02

Key Details / 关键数据

Domain / 域名liusiyue.uk
Delivery / 交付方式Next.js Static Export
Web ServerNginx + HTTPS
Runtime / 常驻进程No Node.jsPort 3000 closed
03

Tech Stack / 技术与配置

Next.jsTypeScriptMarkdownNginxHTTPSLinuxVPS
04

Highlights / 项目亮点

Static by Design / 静态优先

内容在发布前完成构建和验证,线上由 Nginx 直接读取文件,结构简单,也减少了常驻服务带来的资源占用。

Safe Releases / 安全发布

每次部署使用独立 release directory,同时保留活动版本、部署前配置备份和清晰的 rollback path。

VPS Migration / 服务器迁移

网站曾从日本 VPS 迁移到美国 VPS。正式切换前验证页面、静态资源、证书和同机运行的 Hysteria。

05

What I Have Done / 已完成内容

  • 完成 Next.js App Router 与 TypeScript 静态站点结构。
  • 配置 Nginx、HTTPS、custom domain 以及旧地址跳转。
  • 建立独立 release、备份、验证和 rollback 发布流程。
  • 加入 Blog、Projects、sitemap、robots.txt、自定义 404 和可滚动 Timeline。
06

What I Learned / 我的收获

  • Nginx routing、静态文件交付和配置检查。
  • DNS、HTTPS 与证书在真实网站中的作用。
  • Next.js static deployment 与无常驻 Node.js 架构。
  • Backup、rollback 以及发布前验证的重要性。
07

Current Focus / 当前重点

  • 完善 Projects 展示和信息结构。
  • 继续补充真实经历与长期项目记录。
  • 保持轻量、稳定且容易回滚的部署方式。
08

Next Steps / 后续计划

  • 为项目详情页补充真实图片和截图。
  • 改进搜索与导航体验。
  • 继续补充 Blog 内容。
  • 随着内容增长优化项目之间的关联入口。